.box2{width:1440px;margin-left:auto;margin-right:auto;} .wrap{width:1280px;margin-left:auto;margin-right:auto;} .header{position:fixed;left:0;width:100%;height:90px;background:#0f0f0f; z-index: 100;} .header .logo{width:272px;margin-top:18px;margin-left:100px;} .header .mainMenu .item{float:left;padding:0 18px;position:relative;} .header .mainMenu .item > a{display:inline-block;line-height:90px;color:#fff;} .header .mainMenu .subMenu{display:none;background:rgba(0,0,0,0.9);min-width:100%;position:absolute;left:50%;top:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);} .header .mainMenu .subMenu a{display:block;padding:0 1em;text-align:center;line-height:3;white-space:nowrap;color:#fff;} .header .mainMenu .thirdMenu{display:none;background:rgba(0,0,0,0.9);min-width:100%;position:absolute;left:100%;top:0;} .header .mainMenu .item:hover,.header .mainMenu .item.cr{background:#610e6f;} .header .mainMenu .item:hover .subMenu,.header .mainMenu .sItem:hover .thirdMenu{display:block;} .header .mainMenu .subMenu a:hover{background:#c6a197;} .header .searchBtn{width:90px;height:90px;cursor:pointer;background:url(../images/icon2.png) center no-repeat;background-color:#c6a197;} .header .searchBtn:hover{background-color:#d9b2a8;} .header .hotLine{padding:10px 26px;width:290px;height:90px;color:#fff;background:url(../images/bg1.jpg) center no-repeat;background-size:cover; white-space: nowrap;} .header .hotLine .hot_tit{height:24px;line-height:24px;padding-left:30px;background:url(../images/hot_tel.png) no-repeat left center;color:rgba(255,255,255,0.8);} .hot_face .hot_tel{display: table-cell;vertical-align: middle;color:#fff;font-size:18px;line-height:1.2;font-style:italic;font-weight: bold;} .hot_face .hot_tel span{ font-style:normal;font-weight: normal;font-size:14px;} .card {perspective: 1000; -webkit-perspective: 1000; width: 100%;} /*.hot_face{position: absolute;border-radius:5px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease;transition: all 1s ease;backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-o-backface-visibility: hidden; top:23px;}*/ .front {z-index: 10;} .back{ transform:rotate3d(0,1,0,180deg);-ms-transform:rotate3d(0,1,0,180deg); /* IE 9 */ -moz-transform:rotate3d(0,1,0,180deg); /* Firefox */ -webkit-transform:rotate3d(0,1,0,180deg); /* Safari 和 Chrome */ -o-transform:rotateY(0,1,0,180deg);/* Opera */ z-index: 8;} .card-flipped .front{transform:rotate3d(0,1,0,180deg); -ms-transform:rotate3d(0,1,0,180deg);/* IE 9 */ -moz-transform:rotate3d(0,1,0,180deg);/* Firefox */ -webkit-transform:rotate3d(0,1,0,180deg);/* Safari 和 Chrome */ -o-transform:rotate3d(0,1,0,180deg);/* Opera */ z-index: 8;} .card-flipped .back{transform:rotate3d(0,1,0,0deg); -ms-transform:rotate3d(0,1,0,0deg);/* IE 9 */ -moz-transform:rotate3d(0,1,0,0deg);/* Firefox */ -webkit-transform:rotate3d(0,1,0,0deg);/* Safari 和 Chrome */ -o-transform:rotate3d(0,1,0,0deg);/* Opera */z-index: 10;} .allSite{width:100px;padding:0 0.5em;margin:42px 0 0 1em;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;position:relative;} .allSite .select_0 {width:100%;} .allSite .select_0 dt {background:url(../images/arr_down.png) right center no-repeat;cursor:pointer;color:#fff;text-align:center;padding-right:18px;font-size:13px;white-space: nowrap;} .allSite .select_0 dd {position:absolute; background:rgba(0,0,0,0.9); left:-24px;top:46px;display:none;padding:25px;} .allSite .select_0 dd a:nth-child(1){width:auto;float:none;margin-top:0;/*color:#9e31af;border-color:#9e31af;font-weight: bold;*/} .allSite .select_0 dd a {display:block;float:left;width:9.09%; margin-top:20px;color:#fff;white-space:normal;padding:0 5px 0 12px;border-left:1px solid #444243; white-space: nowrap;font-size:14px} .allSite .select_0 dd a:hover,.allSite .select_0 dd a.on {color:#9e31af;border-color:#9e31af;} .footer{background:url(../images/footer.jpg) center no-repeat;background-size:cover;} .footer .top{padding:60px 0 30px;} .footer .hotLine{color:rgba(255,255,255,0.7);margin-top:50px;} .footer .hotLine .f1{padding-left:3.5em;background:url(../images/icon7.png) left center no-repeat;} .footer .hotLine a{display:inline-block;line-height:1;font-style:italic;font-weight:bold;background:linear-gradient(-30deg, rgba(67,40,108,1) 0%, rgba(200,60,200,.9) 60%) top center/100% 100% no-repeat;background-attachment:local;-webkit-background-clip:text;background-clip:text;color:transparent; color:#7f228a\0; background:none\0; padding-right:15px; vertical-align: middle; } .footer .hotLine .com_addr{display:none; padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);} .footer .weChat{margin-left:72px;} .footer .weChat .img{width:100px;margin:0 auto;} .footer .weChat .font{color:#999;text-align:center;margin-top:0.5em;} .botMenu .nav{float:left;} .botMenu .nav a{display:block;width:160px;height:36px;line-height:36px;color:#fff;border:1px solid #b5b5b5;text-align:center;margin-bottom:1.5em;border-radius:36px;} .botMenu .nav a:hover{background:#7f228a;border-color:#7f228a;} .botMenu dl{float:left;margin-left:65px;} .botMenu dl dt{color:#fff;margin-bottom:1em;} .botMenu dl dt a{color:#fff;} .botMenu dl dd a{color:#bdbdbd;display:block;line-height:2.4;text-align:right;} .botMenu dl dd a:hover{color:#fff;} .footer .copyRight{color:#b8b8b8; padding:25px 0;background:rgba(0,0,0,0.2);} .footer .copyRight .ovh a{color:#b8b8b8;} .footer .copyRight .ovh a:hover{color:#fff;text-decoration: underline;} .otherNav a{color:#999;padding-right:1em;margin-right:1em;border-right:1px solid #999;line-height:1;display:inline-block; } .otherNav a:last-child{padding-right:0;margin-right:0;border:none;} .otherNav a:hover{color:#fff;text-decoration: underline;} .friend_links{padding-bottom:30px;color:#fff;} .fr_link_tit{float:none; border-bottom:1px solid rgba(255,255,255,0.1);} .fr_link_tit span{display:inline-block;height:30px;line-height:30px;padding:0 14px;background:#7d2289;font-size:14px;color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;} .fr_link_list{margin-top:15px;} .fr_link_list a{display:inline-block;width:9em;color:#bdbdbd;margin-right:10px;margin-bottom:5px;} .fr_link_list a:hover{color:#fff;} .footer_pop{width:100%; background:url(../images/bg6.png) no-repeat center top; position: fixed;left:0;bottom:-210px; z-index: 99;-webkit-transition:all 0.3s;transition:all 0.3s;} .footer_pop_top{height:99px;padding-top:20px; cursor:pointer;} .arrow_down{display: none;} .footer_pop_tel{width:550px;padding-left:72px;background:url(../images/tel.png) no-repeat 0 90%;font-family: Microsoft YaHei;margin-top:-4px;} .footer_pop_tel h3{font-size:16px;line-height: 1.3; } .footer_pop_tel h3 span{font-size:26px; font-style:italic;} .footer_pop_imgs{ margin-top:6px;margin-left:10%;} .arrow_up{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count:infinite;-webkit-animation-name: scroll;animation-name:scroll;} @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .pop_word{margin-right:50px;} .pop_house{bottom:0;right:50px;display:none;} .footer_pop.active{bottom:0;} .footer_pop.active .pop_house{display: none;} .footer_pop.active .arrow_up{display: none;} .footer_pop.active .arrow_down{display: inline-block;} .footer_pop_form{height:210px;margin-left:550px;padding-top:30px;} .footer_pop_form .inForm_box{width:70%;height:auto;float:left;background:none;margin-top:0;padding:0;} .footer_pop_form .inForm_box dl{width:47%;height:60px;padding:12px 32px;margin-right:3%;margin-bottom:20px;background:#fff;} .footer_pop_btn{width:30%;height:141px;padding:50px 0 0 60px;background:url(../images/bg5.jpg) no-repeat 0 0; cursor:pointer;} .footer_pop_btn h4{color:#e842ff; text-transform: uppercase;background-image: -webkit-linear-gradient(0deg, #e842ff, #b644e6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-size:14px;padding-top:5px; } .inForm_box dl.city_select_b dt{flex:0 0 80px;width:80px;} .inForm_box dl.city_select_b .allCity{margin-bottom:0;} .inForm_box dl.city_select_b dd .allCity dd{height:120px;} /*引导页*/ .pageIndex {width: 100%;height: 100%; position: relative; z-index: 1; } .pageIndex .fullvid {position: absolute; width: 100%;left: 50%; margin-left: -50%;top: 0px;overflow: hidden; z-index: 10;} .videobox {position: absolute;top: 0;left: 0; width: 100%;height: 100%;} .videobox video{display:block;width:100%;height:100%;} .start_box{width:640px;bottom:50px;left:50%;margin-left:-320px; z-index:20; animation-delay: 4s;} .start_logo img{width:35%; opacity: 0.9;} .allCity{height:60px;} .allCity dt{height:60px;line-height:60px;border:1px solid #473967;background:rgba(0,0,0,0.4);padding:0 70px;color:#fff; z-index: 10;letter-spacing: 12px;} .allCity dt span{color:#d1cabd;padding-left:10px;letter-spacing: 0;} .allCity dt:after{width:16px;height:9px;background:url(../images/arr_down1.png) no-repeat center;content:''; position: absolute; right:70px;top:50%;margin-top:-4.5px;} .allCity dd{width:100%;height:180px; overflow-y:auto; background:rgba(24,20,34,0.9);left:0;top:60px;display: none; z-index: 9;} .allCity dd a{display:block;height:60px;line-height:60px;padding:0 70px;border-top:1px solid rgba(255,255,255,0.3);color:#fff;letter-spacing: 3px;} .allCity dd a:hover{background:#c6a197;} .siteweb{height:60px;line-height: 60px;background:#2c2455;color:#f5e0d5;} .start_box .copyright a{color:#999;} .start_box .copyright a:hover{color:#fff;text-decoration: underline;} /*首页正文 start*/ .search_box{width:100%; position: fixed;left:0;top:90px; background:rgba(0,0,0,0.8);padding:50px 0; z-index: 100; display: none;} .search_keywords{width:38%;} .search_keywords dl{margin-bottom:25px;} .search_keywords dl dt{width:120px;height:40px;line-height:40px;font-size:16px;color:#fff;border:1px solid #fff;border-radius:4px;text-align:center;} .search_keywords dl dd{margin-top:12px;} .search_keywords dl dd a{display:inline-block;font-size:14px;color:#fff;margin-right:15px;margin-bottom:5px;} .search_keywords dl dd a:hover{text-decoration: underline;} .searchTab{width:46.8%;padding-left:8%;padding-bottom:20px;border-left:1px solid #6a6a6b;} .search_tabs{text-align:center;} .search_tabs span{font-size:20px;color:#fff;padding:0 30px; cursor:pointer;} .search_tabs span.active{color:#c6a197;} .search_input .search_cell{width:100%;height:50px;background:#fff;border-radius: 4px; padding:14px 20px;overflow: hidden; display:none;} .search_input .search_cell.active{display: block;} .search_input .search_cell input{float:left;width:90%;font-size:16px; } .search_input .search_cell a{float:right;width:18px;height:18px;background:url(../images/search.png) no-repeat center;} .banner,.inbanner,.mat90{margin-top:90px;} .banner .swiper-slide{background:#171422;} .banner .swiper_left,.banner .swiper_right{width:50%;height:100%;top:0; z-index: 10;} .banner .swiper_left{left:0;} .banner .swiper_right{right:0;} .banner_left,.banner_right{width:50%; overflow:hidden;/*top:0; z-index: 8;*/} .banner_left{left:0;} .banner_right{right:0;} .banner_left img,.banner_right img{max-width: none;-webkit-transition:all 1.7s ease 0.2s;transition:all 1.7s ease 0.2s;} .banner_left img{transform:translateY(-90%); } .banner_right img{transform:translateY(90%);float:right; } .banner_light{width:41.6%;left:50%;top:50%; opacity:0;transform:translate3d(-50%,-50%,0) rotate(90deg);-webkit-transition:all 1.8s ease 0.8s;transition:all 1.8s ease 0.8s; z-index: 9;} .circle_left{width:29.6%;right:0;top:50%;transform:translateY(-50%) rotateY(-90deg);transform-origin:right center; z-index: 11;} .circle_right{width:29.6%;left:0;top:50%;transform:translateY(-50%) rotateY(90deg);transform-origin:left center; z-index: 11;} .circle_left,.circle_right{-webkit-transition:all 1.5s ease 1.8s;transition:all 1.5s ease 1.8s;} .word_left,.word_right{-webkit-transition:all 1s ease 2.2s;transition:all 1s ease 2.2s;} .word_left{width:29%;right:0;top:45%; opacity: 0; z-index: 12;} .word_right{width:29%;left:0;top:32%; opacity: 0;z-index: 12;} .banner .swiper-slide-active .banner_left img{transform:translate3d(0,0,0); } .banner .swiper-slide-active .banner_right img{transform:translate3d(0,0,0); } .banner .swiper-slide-active .banner_light{opacity:1;transform:translate3d(-50%,-50%,0) rotate(0deg);} .banner .swiper-slide-active .circle_left,.banner .swiper-slide-active .circle_right{transform:translateY(-50%) rotateY(0deg);} .banner .swiper-slide-active .word_left{top:37%; opacity: 1;} .banner .swiper-slide-active .word_right{top:40%; opacity: 1;} .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:55px;} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;} .swiper-pagination-bullet{background:#fff; opacity: 0.3;} .banner .swiper-pagination-bullet{width:14px;height:14px;} .swiper-pagination-bullet-active{ opacity: 1; } .video_box{width:100%;height:100%; position: relative; overflow: hidden;background:#000;} .banner_video {display:block; width: 100%;height:100%; position: absolute;left:0;top:0; object-fit: cover; } .banner .swiper-slide a>img,.inbanner>img{width:100%;} .inBaojia_box{height:219px; position: relative; z-index: 1; } .inBaojia_form{width:78.9%;height:100%;background:#1c171f url(../images/bg2.jpg) no-repeat right top;background-size:auto 100%;padding-top:30px;padding-right:56px;} .inForm_box{height:60px; line-height:36px;background:#fff;padding:12px 0;margin-top:25px; position: relative;} .inForm_box dl{float:left;width:25%;height:36px;padding:0 35px;border-left:1px solid #eee; position: relative;-webkit-display:flex;display:flex; } .inForm_box dl img{ vertical-align: -3px;margin-right:8px;} .inForm_box dl dt{width:108px;flex:0 0 108px;white-space: nowrap; } .inForm_box dl dd{display:flex;flex:1;position: relative; align-items: center;} .inForm_box dl dd img{ position: absolute;left:0;top:5px; width:20px;height:22px; z-index:2; } .inForm_box dl dd input{width:100%;} .inForm_box dl dd select{width:70%; background:url(../images/arr_down_gray.png) no-repeat right center;padding:5px 0;} .inForm_box dl.city_select_bj dt{flex:0 0 80px;width:80px;} .inForm_box dl dd .allCity{display:block;flex:1;float:none; height:20px;padding: 0;border:none;z-index:1; } .inForm_box dl dd .allCity dt{width:100%;height:20px;float:none; padding:0 0 0 24px;background:#fff; color:#bbb; line-height: normal;border:none;letter-spacing: 0;font-size:14px;cursor: pointer; } .inForm_box dl dd .allCity dt:after{ right:0;background: url(../images/arr_down2.png) no-repeat center;} .inForm_box dl dd .allCity dt.select{color:#333;} .inForm_box dl dd .allCity dd{display:none;width:100%;height:200px;left:15px;top:20px;background:#fff;} .inForm_box dl dd .allCity dd a{height:40px;line-height:40px;padding:0 10px;color:#333;border-color:#eee; letter-spacing: 0;font-size:14px;} .inForm_box dl dd .allCity dd a:hover{color:#fff;} .inBaojia_btn{height:100%;background:#7d2188 url(../images/bg3.jpg) no-repeat right top;background-size:auto 100%;} .inBaojia_btn a{padding:80px 0 0 75px;} .inBaojia_btn a:hover h3{text-decoration: underline;} .inBaojia_btn a h4{display:inline-block;padding-right:65px;color:#e842ff; text-transform: uppercase;background-image: -webkit-linear-gradient(0deg, #e842ff, #b644e6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-size:14px;padding-top:5px; } .inBaojia_btn a h4 i{display: block;width:12px;height:20px;background:url(../images/arr_right.png) no-repeat center; position: absolute;right:0;top:0;} .inFind_box>img{width:100%;} .inFind_box .allCity{width:520px;left:50%;margin-left:-260px;top:40%; z-index:10;} .inFind_box .allCity dt{background:rgba(24,20,34,0.9);border:none;padding:0 50px;cursor:pointer;} .inFind_box .allCity dt:after{right:50px;} .inFind_box .allCity dd{height:300px;} .inFind_box .allCity dd a{padding:0 50px;} .inChildSite{ top:56%;left:0;right:0; z-index: 8;} .inChildSite .swiper-slide .ovh img{width:100%;height:100%;} .inChildSite .site_name{width:160px;height:160px; left:50%;top:50%;margin-left:-80px;margin-top:-80px;background:rgba(24,20,34,0.9);padding:25px;border-radius: 100%;transition: all 0.5s;} .inChildSite .site_name span{display: block;border:1px solid #ceb9af;line-height:110px;color:#fff;transition: all 0.5s; border-radius: 100%; position: relative;} .inChildSite .swiper-slide a:hover .site_name,.inChildSite .swiper-slide a:hover span{border-radius: 0;} .inChildSite .swiper-slide a:hover .site_name{background:rgba(24,20,34,1);} .swiper-button-next, .swiper-button-prev{width:60px;height:60px;background-color:#ffffff;background-position:center; background-repeat: no-repeat; background-size:12px 20px; opacity: 1; position: static;display:inline-block;margin-top:32px;margin-right:10px;} .swiper-button-prev{ background-image: url(../images/arr_left_black.png);} .swiper-button-next{background-image: url(../images/arr_right_black.png);} .swiper-button-prev:hover{background-color:#c6a197;background-image: url(../images/arr_left.png);} .swiper-button-next:hover{background-color:#c6a197; background-image:url(../images/arr_right.png);} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{/*pointer-events:auto; cursor:pointer;*/ opacity: 0.8; } .inDesginer{padding:130px 0 260px;background:url(../images/ind1.jpg) no-repeat center; background-size:cover;} .inDesginer .box2{z-index: 10;} .inDesTit span{color:#7e6cb4;background-image: -webkit-linear-gradient(0deg, #7e6cb4, #443c64); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.5;font-family: "HelveticaNeue Bold";padding:0 30px; vertical-align: -6px;line-height:1;} .inDesTit h4{letter-spacing: 10px;text-align:right;padding-bottom:35px;background:url(../images/line2.png) no-repeat 92% bottom; } .inDesRight {width:58%;} .inDesRight .allCity{width:400px;} .inDesRight .allCity dt{background:#3f365a;border:none;padding:0 50px;letter-spacing: 0;cursor: pointer;} .inDesRight .allCity dt:after{right:50px;} .inDesRight .allCity dt,.inDesRight .allCity dd a,.inDesRight .siteweb{height:44px;line-height:44px;} .inDesRight .allCity dd{height:220px;top:44px;background:rgba(63,54,90,0.9);} .inDesRight .allCity dd a{padding:0 50px;letter-spacing: 0;} .inDesTab .tabs a{display: inline-block;min-width:130px;height:36px;line-height:36px;border:1px solid #6b6a7a;text-align:center;border-radius:36px; cursor:pointer;margin-right:18px;padding:0 15px;} .inDesTab .tabs a:hover,.inDesTab .tabs a.active{background:#c6a197;border-color:#c6a197;color:#fff;} .inDesTab .more{color:#fff;} .inDesTab .more:hover{text-decoration: underline;} .desigin_box{width:75%;} .design_style{width:20.8%;} .desigin_box .swiper-slide .ovh{text-align:center;} .desigin_box .swiper-slide .ovh img{width:100%;transition: 500ms;transform:scale(0.9); transform-origin: center bottom;} .desigin_box .des_txt{left:30px;right:30px;bottom:0; opacity: 0;} .desigin_box .des_txt h3 span{padding-left:12px;} .desigin_box .des_txt h4 em{padding:0 10px;} .desigin_box .swiper-slide a:hover .ovh img{transform:scale(1) rotate(0.1deg);} .desigin_box .swiper-slide a:hover .des_txt{opacity: 1;bottom:15px;} .desigin_box .swiper-container{height: 0; visibility: hidden;} .desigin_box .swiper-container.active{height:auto;visibility:visible;} .design_swiper .swiper-slide img,.style_box a img{width:100%;} .style_box a{display: block;float:left;width:48.75%;margin-left:2.5%;margin-top:2.5%;} .style_box a:nth-child(2n+1){clear:both;margin-left:0;} .desiginer_roll{left:0;bottom:0;right:0; overflow: hidden;} .desiginer_roll .swiper-container .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;} .desiginer_roll li{float:left;width:133px; } .desiginer_roll li img{width:100%; opacity: 0.3;} .inCase_box{padding:80px 0 52px;background:url(../images/case_bg.jpg) no-repeat center;background-size:cover;} .inCaseTit h3{color:#363843; letter-spacing: 6px;} .inCaseTit h4{ font-family: "Helvetica Neue"; letter-spacing: 3px; text-transform: uppercase;} .inCaseTab .tabs{vertical-align: middle;} .inCaseTab .tabs a{display: inline-block;min-width:130px;height:36px;line-height:36px; border:1px solid #b5b7c4;color:#707279;text-align:center;border-radius:36px; cursor:pointer;margin-right:18px; padding:0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .inCaseTab .tabs a:hover,.inCaseTab .tabs a.active{color:#fff;background:#c6a197;border-color:#c6a197;} .inCaseTab .more{color:#707279;} .inCaseTab .more:hover{text-decoration: underline;} .inCase_item{height: 0; visibility: hidden;} .inCase_item.active{height:auto;visibility:visible;} .inCase_item a{width:31.9%;margin-left:2.15%;margin-bottom:2.2%;} .inCase_item a:nth-child(1),.inCase_item a:nth-child(2){width:48.9%;margin-left:2.2%;} .inCase_item a:nth-child(1),.inCase_item a:nth-child(3n){clear:both;margin-left:0;} .inCase_item a:after{background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.74) 100%); content:''; position: absolute;left:0;right:0;top:0;bottom:0; z-index: 1;} .inCase_item a .ovh img{width:100%;} .inCase_item a .case_txt{left:20px;right:20px;bottom:20px; z-index: 10;} .inCase_item a .case_txt span,.inCase_item a .case_txt em{padding:0 6px;} .inCase_class .swiper-slide a{width:120px;height:120px;padding:20px;border-radius: 100%;text-align:center; transition:all 0.3s;} .inCase_class .swiper-slide a .img1{display: none;} .inCase_class .swiper-slide a h3{margin-top:15px;} .inCase_class .swiper-slide a:hover{background:#c6a197;} .inCase_class .swiper-slide a:hover .img1{display: inline-block;} .inCase_class .swiper-slide a:hover .img2{display: none;} .inCase_class .swiper-slide a:hover h3{color:#fff;} .inCase_class .swiper-pagination{display: none;} .inStandard_box{background:url(../images/ind4.jpg) no-repeat center;background-size:cover;} .brand_box{width:75%;float:right; position: relative; z-index: 10;} .brand_box a{display:block;width:25%;float:left; background:rgba(168,168,168,0.2); -webkit-transition:all 0.3s;transition:all 0.3s; } .brand_box a:hover{background:rgba(255,255,255,0.5)!important;} .brand_box a:nth-child(1){width:50%;} .brand_box a:nth-child(2){float:right;} .brand_box a:nth-child(3){clear:both;margin-left:25%;background:rgba(168,168,168,0.3);} .brand_box a:nth-child(6){clear:both;margin-left:50%;background:none;border:1px solid #a7a8b6;} .inStanard_desc{width:38.88%;left:0;bottom:100px;z-index: 11;} .inStanard_desc .txt{color:#9a9aa2; line-height: 2.25;} .btn_more{display:block;width:210px;height:60px;line-height: 60px;background:url(../images/line4.png) repeat-y center; border-radius: 60px; transition:none; cursor: pointer; position: relative; overflow: hidden;} .btn_more span{ position: relative; z-index: 2; color:#fff; } .btn_more::before{content:"";height:160px;border-radius: 100%; position: absolute;top: 50%;left: 0;right: 0;margin-top:-80px; opacity: 0; transform: scale(.4);transition: all 0.3s;background:#7f228a;z-index:1; } .btn_more:hover::before{ opacity: 1; transform: scale(1); transition: transform .9s cubic-bezier(.19, 1, .22, 1), opacity .6s cubic-bezier(.165, .84, .44, 1); } .inGroup_box{padding:165px 0 180px; background:#000 url(../images/ind3.jpg) no-repeat center;background-size:cover;} .inGroupTit .btn_more{border:1px solid #b5b7c4;background:none;} .inGroupTit .btn_more:hover{border-color:#7f228a;} .inGroupTxt{padding-left:160px;} .group_year h3{font-family:PingFang SC;font-weight: bold; line-height: 1.2; letter-spacing: 6px;} .num_box dl{width:50%;float:left;padding:0 5% 0 15%;margin-bottom:65px;} .num_box dl dd{line-height: 1.2;font-family:PingFang SC;font-weight: bold;} .inTech_left{width:56.25%;} .inTech_right{width:43.75%;} .tech_img{display: none;} .tech_img.active{display: block;} .inTech_left img,.tech_img img{width:100%;} .tech_box{width:66.67%;top:50%;transform:translateY(-50%);} .tech_class a{width:30.33%;float:left;height:50px;line-height: 50px;text-align:center;border:1px solid #6f6992;margin-right:3%;margin-bottom:3%;border-radius: 50px;} .tech_class a:hover,.tech_class a.active{border-color:#c6a197;background:#c6a197;color:#fff;} .tech_box .more:hover{text-decoration: underline;} .inProcess_box{height:200px;padding:43px 0 30px;background:url(../images/bg4.jpg) no-repeat center;background-size:cover;} .process_box dl{display:inline-block;padding:0 40px 0 60px;background:url(../images/arr.png) no-repeat 0 30px;} .process_box dl dt{width:80px;height:80px;margin:0 auto;padding:19px;border-radius: 100%;border:1px solid #a46ac3;} .process_box dl dd{margin-top:15px;} .process_box dl dd span{padding-right:6px;} .process_box dl:first-child{padding-left:0;background:none;} .process_box dl:last-child{padding-right:0;} .inNews_box{padding:110px 0;background:url(../images/ind5.jpg) no-repeat center;background-size:cover;} .newsTab{margin:15px 0 0 75px;} .newsTab a{padding:0 3px 18px; position: relative;margin-right:45px;} .newsTab a:after{width:0;height:4px;background:#6d1e83;content:''; position: absolute;left:0;bottom:0; transition:all 0.3s;} .newsTab a:hover,.newsTab a.active{color:#333;} .newsTab a:hover:after,.newsTab a.active:after{width:100%;} .inNews_item{max-height: 0; overflow: hidden;opacity: 0;} .inNews_item.active{max-height: 9999em; opacity: 1;} .inNews_item dl{width:31.6%;float:left;margin-right:1.5%;} .inNews_item dd{background:rgba(255,255,255,0.7);padding:25px 22px;margin-bottom:20px; box-shadow: 4px 4px 15px rgba(18,18,18,0.2);} .inNews_item dd .hits{padding-left:40px;background:url(../images/eye1.png) no-repeat left center;} .inNews_item dd .txt{line-height: 1.7;} .inNews_item dl:hover dd{background:rgba(255,255,255,1);} .hot_news{width:33.4%;background:#fff;} .hot_news a{padding:19.5px 25px;border-bottom:1px solid #e5e5e5; -webkit-transition:all 0.3s;transition:all 0.3s;} .hot_news a:last-child{border-bottom:none;} .hot_news a .hits{padding-left:40px;background:url(../images/eye1.png) no-repeat left center;} .hot_news a:hover{background:#c6a197;border-color:#c6a197;} .hot_news a:hover div,.hot_news a:hover span{color:#fff;} .hot_news a:hover .hits{background-image:url(../images/eye2.png);} .inNews_box .btn_more{margin-left:auto;margin-right:auto;1} /*首页正文 end*/ /*找我家列表*/ .crumbs{padding:18px 0; font-size:16px;color:rgba(255,255,255,0.6); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .crumbs a{color:rgba(255,255,255,0.6);} .find_box{background:url(../images/find_bg.jpg) no-repeat center;background-size:cover;} .find_list a{width:31.7%;margin-left:2.45%;margin-bottom:2.45%;} .find_list a:nth-child(3n+1){clear:both;margin-left:0;} .find_list a .tit{height:60px;line-height: 60px;border:1px solid #6a6776;border-top:none; transition:all 0.3s;} .find_list a .tit em{padding:0 15px;} .find_list a:hover .tit{background:rgba(198,161,151,0.9);border-color:rgba(198,161,151,0.9);} .nodata{display:none;width:180px;height:60px;background:rgba(0,0,0,0.4);color:#fff; text-align:center;line-height:60px; position: fixed;left:50%;top:50%;margin-top:-30px;margin-left:-90px; z-index: 10;} /*分页*/ .page_box a,.page_box span{display:inline-block;color:#fff;margin:0 12px;padding:0 3px;font-size:16px;} .page_box a:hover{color:#c6a197;text-decoration: underline;} .page_box a.current{color:#c6a197;} .page_box input{width:30px;height:22px;border:1px solid #fff;color:#fff;text-align:center;} /*找我家*/ .inban_txt{left:0;right:0;top:20%; z-index:10;} .find_inquiry{left:0;right:0;bottom:20%;z-index:10;} .find_inquiry .allCity{width:23.4%;float:left;margin-right:2.34%;} .find_inquiry .allCity dt,.find_inquiry .allCity dd a{height:60px;line-height:60px;letter-spacing: 0;padding:0 20px;} .find_inquiry .allCity dt:after{right:20px;} .find_inquiry .allCity dt{background:rgba(63,54,90,0.8);border-color:#625487;cursor:pointer;} .find_inquiry .allCity dt span{color:#c6a197;} .find_inquiry .allCity dd{top:60px;height:300px;background:rgba(63,54,90,0.8);} .find_search{width:48%;} .find_search_input{width:85%;height:60px;background:#fff;padding:20px;} .find_search_input input{width:100%;} .find_search .btn_search{width:15%;height:60px;background:#3f365a url(../images/icon2.png) no-repeat center;} .find_wrap{background:#eae7f0;} .find_list_box dl{float:left;width:31.7%;margin-left:2.45%;margin-bottom:2.45%;} .find_list_box dl:nth-child(3n+1){clear:both;margin-left:0;} .find_list_box dl dd{padding:25px;background:#fff;} .find_list_box dl dd h3 a:hover,.find_list_box dl dd h3 a:hover em{color:#c6a197;} .find_list_box dl dd em{padding:0 10px;color:#999;} .loadmore{width:33.33%;height:60px;min-width:240px;line-height:60px;border:1px solid #b5b7c4;border-radius: 60px;} .loadmore:hover{background-image: linear-gradient(90deg, #7f228a, #38245d);color:#fff; border-color:transparent;} .find_wrap .page_box a,.find_wrap .page_box span{color:#333;} .find_wrap .page_box input{color:#333;border-color:#333;} .find_wrap .page_box a.current{color:#c6a197;} /*找我家详情*/ .find_content{/*display: -webkit-box;display: flex;-webkit-flex-direction:column; flex-direction:column;*/background:url(../images/square.png) repeat center;} .find_con{/*flex:1;display: -webkit-box; display: flex; -webkit-justify-content: space-between;justify-content: space-between;*/ overflow: hidden;} .find_layout{/*display: -webkit-box;display:flex;-webkit-flex-direction:column; flex-direction:column;flex:1;*/float:left;width:70%;padding-right:50px; } .find_layout .crumbs{ } .find_layout .crumbs,.find_layout .crumbs a{color:#363843;} .layout_img{/*display: -webkit-box;display:flex;flex:1; -webkit-justify-content: center;justify-content: center;flex-direction: column;*/ } .layout_img img{ max-height: 100%; } .layout_img .img{width:100%;flex:0 0 90%; overflow: hidden;} .layout_img h1{flex:0 0 30px;} .layout_img h1 span{padding:0 5px;} .find_sidebar{width:30%; padding:20px 0; overflow-y:auto; -webkit-flex-shrink: 0;flex-shrink: 0;} .sidebar_tit{padding:10px 0;} .sidebar_tit a{margin-top:3px;} .sidebar_tit a:hover{color:#c6a997; text-decoration: underline;} .rec_case dl{width:47.5%;float:left;margin:10px 0 10px 5%;} .rec_case dl:nth-child(2n+1){clear:both;margin-left:0;} .rec_case dl dd span{padding-right:8px;display:inline-block;} .rec_case1 dl{width:100%;float:none;margin:15px 0 20px;} .rec_des dl{width:27%;float:left;margin-left:9.5%;margin-bottom:15px;} .rec_des dl:first-child{margin-left:0;} .rec_des dl dt {width:100%;height:0;padding-bottom:100%; text-align:center;margin-bottom:8px;margin-left:auto;margin-right:auto; position: relative;} .rec_des dl dt a{display: block;width:100%;height:100%; position: absolute;left:0;top:0; overflow:hidden;border-radius: 100%;} .rec_des dl dt a img{width:100%;} .rec_strategy a{display: block;padding:12px 0 12px 15px;position: relative;border-top:1px solid #d8d6e0;} .rec_strategy a:before{width:4px;height:4px;background:#363843;border-radius: 100%; content:''; position: absolute;left:3px;top:50%;margin-top:-2px;} .find_style{flex:0 0 20%;padding:26px 80px;background:#191520 url(../images/style_bg.jpg) no-repeat center;} .find_style .swiper-slide a h3{width:100%;left:0;top:50%;transform:translateY(-50%);} .find_style .swiper-button-prev,.find_style .swiper-button-next{display: none;} /*看案例*/ .case_box{background:#15131a url(../images/case_bg1.jpg) no-repeat center top; background-size:100%;} .case_list a{width:31.7%;margin-left:2.45%;margin-bottom:2.45%;} .case_list a:nth-child(3n+1){clear:both;margin-left:0;} .case_list a .tit{height:60px;line-height: 60px;border:1px solid #6a6776;border-top:none; transition:all 0.3s;} .case_list a .tit span{padding:0 5px;} .case_list a:hover .tit{background:rgba(198,161,151,0.9);border-color:rgba(198,161,151,0.9);} .case_screen dl,.case_screen dd{overflow: hidden;} .case_screen dl{width:100%;display:table;border:1px solid #4c4955;border-top:none; font-size:16px;} .case_screen dl:first-child{border-top:1px solid #4c4955;} .case_screen dl dt{display:table-cell;width:130px;text-align:center;padding:15px; background:#2b2734; vertical-align: middle;color:#ccc; text-align:center;} .case_screen dl dd{ display:table-cell;padding:15px;vertical-align: middle; position: relative; } .case_screen dl dd a{float:left;color:#ccc;padding-right:25px;font-size:16px;margin-bottom:5px;} .case_screen dl dd a:hover,.case_screen dl dd a.cr{color:#c6a198;} .case_screen dl dd .des_city{height:24px;padding-right:90px; overflow: hidden;} .case_screen dl dd .des_city a{float:left;} .case_screen dl dd .more_city{display:none;padding-right:18px;right:30px;top:15px; cursor:pointer; opacity: 0.7;} .case_screen dl dd .more_city:after{width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:7px solid #999999; content:''; position: absolute;right:0;top:9px;} .case_screen dl dd .more_city.active:after{border-top:none;border-bottom:7px solid #999999; } .case_screen dl dd .des_city.city_open{ height:auto;} .case_search{height:64px;padding:12px 30px;background:#fff;} .case_sort{line-height: 40px;margin-right:40px; cursor:pointer;} .case_sort i{display: inline-block;width:10px;height:16px; position: relative;margin-left:10px; vertical-align: -3px;} .case_sort i:before{width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:7px solid #999999; content:''; position: absolute;left:0;top:0;} .case_sort i:after{width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:7px solid #999999; content:''; position: absolute;left:0;bottom:0;} .case_sousuo{width:39%;} .case_sousuo input{width:81%;float:left;height:40px;padding:10px;border:1px solid #d0cad0;border-right:none;} .case_sousuo .btn_sousuo{width:19%;float:right;height:40px;line-height: 40px;background:#3f365a;} .case_sousuo .btn_sousuo:hover{color:#fff;} .case_sort.active{color:#c6a198;} .case_sort.active.asc i:before{border-bottom-color: #c6a198;} .case_sort.active.desc i:after{border-top-color: #c6a198;} .rec_tit{font-size:24px;border-top:1px solid #46454a;margin-top:30px; color:rgba(255,255,255,0.8);} .rec_tit1{border-top:none;border-bottom:1px solid #46454a;padding-bottom:30px;} .desigin_list a{width:23.5%;margin-left:2%;margin-bottom:2%; overflow: hidden;} .desigin_list a:nth-child(4n+1){clear:both;margin-left:0;} .desigin_list .des_txt{left:0;right:0;bottom:-50px; -webkit-transition:all 0.3s; transition:all 0.5s; } .desigin_list a:hover .des_txt{bottom:0;} .desigin_list .des_txt h3,.desigin_list .des_txt h4{padding-left:30px;padding-right:30px;} .desigin_list .des_txt h3 span{padding-left:12px;} .desigin_list .des_txt h4 {padding-bottom:15px;} .desigin_list .des_txt h4 em{padding:0 10px;} .desigin_list .lookmore{height:50px;line-height: 50px;background:#c6a197;} .links_box a{width:12.5%;float:left;margin-left:5%;margin-bottom:2%;} .links_box a:nth-child(6n+1){margin-left:0;} /*案例详情*/ .case_content{/*display: -webkit-box;display: flex;*/ position: relative;background:#f4f4f4;} .case_con{/*display: -webkit-box; display: flex; -webkit-flex-direction:column; flex-direction:column;*/width:70%;/* flex:1;*/float:left;padding-right:50px;margin-bottom:20px;} .case_layout{/*display: -webkit-box;display:flex;flex:1;*/background:url(../images/square.png) repeat center;overflow: hidden; } .case_layout .crumbs{top:0;left:0; z-index: 10;} .case_content .crumbs,.case_content .crumbs a{color:rgba(0,0,0,0.8);} .case_layout .case_imgs{width:100%;} .case_sidebar{width:30%; padding:20px 0;/* overflow-y:auto; -webkit-flex-shrink: 0;flex-shrink: 0; flex:0 0 450px; */position: relative;} .case_style{flex:0 0 20%;padding:26px 50px;background:#191520 url(../images/case_bg2.jpg) no-repeat center;} .case_style .swiper-slide a{display:block;height:86px;overflow:hidden;padding:8px;border:1px solid transparent;} .case_style .swiper-slide a .img{width:100%;height:100%;background-size:cover;background-position: center center;background-repeat: no-repeat;} .case_style .swiper-slide-thumb-active a{border-color:#c6a198;} .case_style .swiper-button-prev,.case_style .swiper-button-next{width:30px;height:40px;background:none; position: absolute;top:50%;margin-top:-20px;margin-right:0; } .case_style .swiper-button-prev{left:12px;background: url(../images/arr3.png) no-repeat center;} .case_style .swiper-button-prev:hover{background: url(../images/arr4.png) no-repeat center;} .case_style .swiper-button-next{right:12px;background: url(../images/arr1.png) no-repeat center;} .case_style .swiper-button-next:hover{background: url(../images/arr2.png) no-repeat center;} .case_change{display:block;width:20px;font-size:14px;color:#fff;text-align: center; line-height: 1.2;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .case_style .case_prev{left:12px;} .case_style .case_next{right:12px; } .case_prev_next dl{width:49%;padding:17px;border:1px solid #e1d3cf;display: flex; align-items: center;} .case_prev_next dl dt{width:50%;} .case_prev_next dl dt a{display:block; cursor: pointer;height:0;padding-bottom:60%;overflow:hidden; position: relative; } .case_prev_next dl dt a img{width:100%;height:100%;position: absolute;left:0;bottom:0;} .case_prev_next dl dd{width:50%;text-align:center;padding:15px 0 15px 20px;} .case_prev_next dl dd a{color:#3f365a;font-size:15px;} .case_prev_next dl dd a:hover{color:#c6a197;} .case_prev_next .case_next{flex-direction: row-reverse;} .case_prev_next .case_next dd{padding:15px 20px 15px 0;} .case_imgs .swiper-container{height:100%;} .case_imgs .swiper-slide .ovh img{width:100%;} .case_imgs .case_desc{padding:25px 70px;background:rgba(0,0,0,0.6);left:0;right:0;bottom:0;text-align:left; } .case_imgs .case_desc .txt{overflow:hidden;opacity: 0.6;} .case_imgs .case_desc .case_open{width:50px;height:50px;top:0;right:30px; z-index: 2;background:rgba(0,0,0,0.3) url(../images/fold.png) no-repeat center;background-size:100%; cursor: pointer;} .case_imgs .case_desc.active .txt{height:auto;} .case_imgs .case_desc.active .case_open{background-image: url(../images/open.png);} .case_imgs .swiper-button-prev,.case_imgs .swiper-button-next{position: absolute;width:60px;height:80px;margin-top:-40px;margin-right:0; } .case_imgs .swiper-button-prev{left:0;} .case_imgs .swiper-button-next{right:0;} /*.case_sidebar{position: absolute;top:0;right:0;height:100%;}*/ .case_sidebar .rec_des dl{width:27%;margin-left:9.5%;} .case_sidebar .rec_des dl:nth-child(3n+1){margin-left:0;} .sidebar_form{padding:28px 30px;background:#ffffff;border-radius: 4px; /*box-shadow: 0 0 12px 5px rgba(0,0,0,0.1);*/ position: relative;} .sidebar_form_input .input{height:40px;background:#f3f3f3;padding:10px;border-radius: 8px;margin-top:10px;} .sidebar_form_input .allCity{height:40px;} .sidebar_form_input .allCity dt{ float:none;height:40px;padding:10px;background:#f3f3f3; border:none;border-radius: 6px;color:#bbb; line-height: normal; letter-spacing: 0;cursor: pointer;} .sidebar_form_input .allCity dt:after{ right:18px;background: url(../images/arr_down2.png) no-repeat center;} .sidebar_form_input .allCity dt.select{color:#333;} .sidebar_form_input .allCity dd{display:none;height:200px;top:40px;background:#f3f3f3;} .sidebar_form_input .allCity dd a{height:40px;line-height:40px;padding:0 10px;color:#333;border-color:#eee; letter-spacing: 0;} .sidebar_form_input .allCity dd a:hover{color:#fff;} .btn_price{height:40px;background:#3f365a;border-radius: 8px; line-height: 40px; cursor:pointer;} /*弹框*/ .maskbg{display:none;width:100%;height:100%;position: fixed;left:0;top:0; background:rgba(0,0,0,0.6); z-index: 199;} .pop_box{display:none;width:716px;height:477px;position: fixed;left:50%;top:50%;margin-left:-358px;margin-top:-238.5px; background:#fff url(../images/pop_bg.png) no-repeat 0 0;border-radius: 18px; z-index: 200;} .pop_close{width:30px;top:-11px;right:-14px; cursor:pointer;} .pop_right{width:415px;float:right;padding:50px 25px 30px;} .pop_tit{padding-bottom:15px;border-bottom:1px solid #d1c9d3;} .pop_con {padding:0 20px;} .pop_con dl{margin-bottom:10px;height:40px;} .pop_con dl dt{display:inline-block; vertical-align: middle;font-size:16px!important;} .pop_con dl dt em{color:#f71313;} .pop_con dl dd{display:inline-block;width:260px;height:40px; background:#fff;border-radius: 6px;} .pop_con dl dd input{display:block;width:100%;height:40px;padding:10px 18px;background:#fff;border:1px solid #e9e9e9;border-radius: 6px;font-size:16px!important; } .pop_con dl dd dl{margin-top:0;} .pop_con dl dd dl dt{width:260px;float:none;height:40px;padding:8px 18px;background:#fff;border:1px solid #e9e9e9;border-radius: 6px;color:#d2d2d2; line-height: normal; letter-spacing: 0;cursor: pointer;} .pop_con dl dd .allCity dt:after{ right:18px;background: url(../images/arr_down2.png) no-repeat center;} .pop_con dl dd .allCity dt.select{color:#333;} .pop_con dl dd .allCity dd{display:none;height:200px;top:40px;background:#fff;} .pop_con dl dd .allCity dd a{height:40px;line-height:40px;padding:0 18px;color:#333;border-color:#eee; letter-spacing: 0;} .pop_con dl dd .allCity dd a:hover{color:#fff;} .pop_btn{height:46px;line-height: 46px;background:url(../images/line5.png) repeat-y 0 0; background-size:100%; border-radius:46px;margin-left:20px;margin-right:20px; cursor:pointer;font-size:16px!important;margin-top:15px; } .yy_txt{text-align:center;padding:10px;display:none;} .yy_txt span{color:red;} .pop_box .f-12.c-7d7d7d.tc.mt25{margin-top:15px;} .pop_success{display:none;width:580px;height:280px;position: fixed;left:50%;top:50%;margin-left:-280px;margin-top:-140px; background:url(../images/success_bg.png) no-repeat 0 0;padding:50px 30px 30px;border-radius: 10px; z-index: 200;} .pop_success .txt{font-size:20px; line-height: 1.8;} .btn_know{width:200px;height:40px;line-height: 40px;border-radius: 40px;background:#c6a197;font-size:16px; cursor:pointer;} .index_verify{display: none; width:160px;height:40px;background:rgba(0,0,0,0.4);color:#fff; text-align:center;line-height:40px; position: absolute;left:50%;top:50%;margin-top:-20px;margin-left:-80px; z-index: 10;} .pop_verify{ display: none; width:180px;height:60px;background:rgba(63,54,90,0.8);color:#fff; text-align:center;line-height:60px; position: fixed;left:50%;top:50%;margin-top:-30px;margin-left:-90px; z-index: 210;} .side_verify{ display: none; width:160px;height:50px;background:rgba(0,0,0,0.4);color:#fff; text-align:center;line-height:50px; position: absolute;left:50%;top:50%;margin-top:-25px;margin-left:-80px; z-index: 10;} .form-hint{height:50px; position:absolute; z-index:99; transition:all 0.3s; } .form-hint-bg{height:50px; } .form-hint-text{padding:0px 20px;height:50px;line-height:50px;font-size:16px;background:url(../images/line7.png) repeat-y 0 0; zoom:1;color:#FFF;border-radius: 4px;} .form-hint-bottom{width:13px;height:13px; background:url(../images/jiao.png) no-repeat 0 0; position:absolute;left:48px;bottom:-13px;z-index:10; } /*找设计师*/ .desiginer_box{background:#100f12 url(../images/des_bg.jpg) no-repeat center top; background-size:100%;} /*设计师详情*/ .desiginer_banner{padding-bottom:55px;background:url(../images/desiginer_banner.jpg) no-repeat center bottom; background-size:cover;} .desiginer_info{width:100%;left:0;top:0; z-index: 10;} .desiginer_desc{width:75%;margin:0 auto;} .desiginer_desc .des_img{width:31.25%;} .des_desc{padding-right:100px;margin-top:70px;} .des_desc .des_name{line-height: 1;max-height:172px;max-width:350px;overflow:hidden;} .des_desc .des_detail{padding-left:35px; margin-top:10px;} .des_desc .des_addr img{margin-right:10px;} .des_desc .des_label {margin-top:8px;} .des_desc .des_label em{padding:0 8px;} .des_desc .des_work{opacity: 0.6;} .des_info_box{padding-top:60px;padding-bottom:100px;background:#f4f4f4 url(../images/des_info_bg.jpg) no-repeat center bottom;background-size:100%;} .wrap2{width:1340px;padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto;} .des_info_left{width:72%;} .des_info_right{width:26%;margin-top:76px;} .des_info_right .sidebar_form{background:#fff;} .des_info_right .sidebar_form_input .input,.des_info_right .sidebar_form_input .allCity dt,.des_info_right .sidebar_form_input .allCity dd,.strategy_con_right .sidebar_form_input .allCity dt,.strategy_con_right .sidebar_form_input .allCity dd{background:#f3f3f3;} .show_big .swiper-button-prev,.show_big .swiper-button-next{position: absolute;top:50%;margin-top:-30px;margin-left:0;margin-right:0; } .show_big .swiper-button-prev{left:10px;} .show_big .swiper-button-next{right:10px;} .show_thumbs .swiper-button-prev,.show_thumbs .swiper-button-next{display: none;} .show_thumbs{bottom:30px;left:30px;right:30px;} .show_thumbs .swiper-slide{border:4px solid transparent;} .show_thumbs .swiper-slide .img{width:100%;height:100%;background-size:cover;background-position: center center;background-repeat: no-repeat;} .show_thumbs .swiper-slide-thumb-active{border-color:#c6a197;} .case_column{margin-top:22px;} .case_column dl{width:48.75%;float:left;margin-left:2.5%;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #d4d5d5;} .case_column dl:nth-child(2n+1){clear:both;margin-left:0;} .case_column dl dt{position: relative;} .case_column dl dd h3 span{padding-right:15px;} .case_column dl dd .txt{margin-top:12px;} .case_mask{width:100%;height:100%;/* background:rgba(0,0,0,0.5);*/left:0;top:0; cursor:pointer;} .case_edit img{width:42px;} .case_edit{width:100%;left:0;top:50%; transform:translateY(-50%);display: none; } .des_info_right .rec_strategy a,.strategy_box .rec_strategy a,.strategy_content .rec_strategy a{border-top-style:dashed;} /*装修攻略聚合*/ .strategy_box1 .strategy_top{background:none;border-bottom:1px solid rgba(255,255,255,0.06);} .strategy_guide{padding-right:36px;} .strategy_guide dl{margin-bottom:30px;} .strategy_guide dl dt{height:60px;line-height:60px;padding:0 24px;background-image: linear-gradient(90deg, #393151, #211b32); overflow: hidden;} .strategy_guide dl dt a{font-size:14px;} .strategy_guide dl dd{padding:24px;background:rgba(255,255,255,0.88);} .strategy_guide dl dd .img{width:40%;} .strategy_guide dl dd .desc{padding:20px 0 20px 24px;} .strategy_guide dl dd .txt{line-height: 1.6;height:4.8em;} /*装修攻略*/ .strategy_box{background:url(../images/strategy_bg.jpg) no-repeat center; background-size:cover;} .strategy_top{background-color:rgba(255,255,255,0.06);} .strategy_menu{height:48px;border-top:1px solid #242424;} .strategy_menu a{display: inline-block;line-height: 48px;padding:0 35px;margin:0 100px; position: relative;} .strategy_menu a:after{width:0;border-bottom:2px solid #fff;content:''; position: absolute;left:0;bottom:0; transition:all 0.3s;} .strategy_menu a:hover:after,.strategy_menu a.cr:after{width:100%;} .strategy_left{width:74%;} .strategy_sidebar{width:26%;} .calculate{background:#d3d1d0;padding:5px;border-radius: 6px;} .calculate .number{background:#8b8b90; box-shadow: inset 0 0 15px #666;border-radius: 4px; overflow: hidden;text-align:center;height:54px;display: flex; align-items: center; justify-content: center;} .calculate .number img{vertical-align: 0;} .strategy_list dl{width:46.7%;float:left;margin-right:3.3%;margin-bottom:3.3%;} .strategy_list dl:nth-child(2n+1){clear:both;} .strategy_list dd{background:rgba(255,255,255,0.88);padding:25px 22px; } .strategy_list dd .hits{padding-left:40px;background:url(../images/eye1.png) no-repeat left center;} .strategy_list dd .txt{line-height: 1.5;} .strategy_list dl:hover dd{background:rgba(255,255,255,1);} .strategy_left .loadmore{width:65%;} .strategy_sidebar .rec_strategy{border-bottom:1px solid #2d2d2d;} .strategy_sidebar .rec_strategy a{padding-left:0; border-top:1px dashed #2d2d2d;} .strategy_sidebar .rec_strategy a:before{display: none;} .strategy_box .rec_strategy a{color:#ccc;} .strategy_box .rec_strategy a:hover{color:#fff;} /*攻略详情*/ .strategy_content{background:#f4f4f4;} .strategy_con_left{width:72%;} .strategy_con_right{width:26%;} .strategy_con_right .sidebar_form{background:#fff;} .strategy_con_right .sidebar_form_input .input{background:#f3f3f3;} .strategy_sidebar .rec_des dl,.strategy_con_right .rec_des dl{width:50%;margin-left:0;padding:0 10px;} .strategy_content .crumbs,.strategy_content .crumbs a{color:#363843;} .strategy_info{color:#606060;line-height: 1.7;} .strategy_info p{margin-bottom:25px;} .publish_share{padding-bottom:20px;border-bottom:2px solid #402461;} .strategy_publish span{padding-right:15px;} .share_box.social-share>a{border:none;border-radius: 3px;border:none;color:#fff;margin:0 0 0 4px;} .share_box.social-share .icon-weibo{background:#f87968;} .share_box.social-share .icon-wechat{background:#55c04f;} .share_box.social-share .icon-qzone{background:#f8c463;} .share_box.social-share .icon-qq{background:#75a2e2;} .prev_next a{display: inline-block;width:37.6%;margin:0 15px;padding:12px 10px;border:1px solid #c8c8c8;border-radius: 4px;} .prev_next a:hover{color:#fff;background:url(../images/line3.png) repeat-y 0 0;border:transparent;} /*左侧浮层*/ .float_box{width:80px;position: fixed;right:0;bottom:100px; z-index: 99;} .float_box a{display: block;width:80px;height:80px; background:rgba(63,54,90,0.8);color:#fff;font-size:12px;padding:10px;text-align:center;margin-bottom:5px; position: relative;} .float_box a:hover,.float_box a:first-child{background:#c6a197;} .float_box a img{display: block;width:35px;height:35px;margin:0 auto 5px;} .float_box a em{ position: absolute;top:8px;right:17px;width:14px;height:14px;border-radius: 100%;background:#e53e3e;font-size:12px;color:#fff;text-align:center;line-height:12px;-webkit-animation: flash 0.5s ease-in-out 0s infinite running;animation: flash 0.5s ease-in-out 0s infinite running; opacity: 0; } /*联系我们*/ .con_banner{overflow: hidden;} .con_banner h3{left:0;right:0;top:60px; z-index: 1;} .con_banner>img{width:100%;} .contact_label{width:39%;top:20%;right:30px;} .contact_label dl{width:50%; padding:0 45px; display: table;background:url(../images/dash.png) no-repeat left center;} .contact_label dl:first-child{background:none;padding-left:0;} .contact_label dl dt{width:50px;margin-right:15px;} .contact_label dl dd{width:100%;display: table-cell; vertical-align: middle;} .contact_bar{height:200px;padding:50px 0;background:url(../images/contact_bar.jpg) no-repeat center;background-size:cover; display: none;} .contact_bar dl{width:33.33%;padding:20px 3%; display: table;border-left:1px solid #78658c;} .contact_bar dl:first-child{border-left:none;} .contact_bar dl dt{width:66px;margin-right:25px;} .contact_bar dl dd{width:100%;display: table-cell; vertical-align: middle;} .contact_con{padding:60px 0; background:#f3f3f3 url(../images/contact_bg.jpg) no-repeat center bottom;background-size:cover;} .contact_con dl{width:31.56%;float:left;margin:0 0 2.66% 2.66%;padding:20px 30px;border:1px solid rgba(255,255,255,0.2);border-radius: 2px; cursor: pointer;} .contact_con dl:nth-child(3n+1){clear:both;margin-left:0;} .contact_con dl:hover{background:#b4928a;} .contact_con dl:hover dt,.contact_con dl:hover dd{color:#fff;} .contact_con dl dt,.contact_con dl dd{color:#eee;} .contact_pop_box{width:1000px; position: fixed;left:50%;top:50%;margin-left:-500px; -webkit-transform:translateY(-50%);transform:translateY(-50%); padding:15px; z-index: 200; height: 0; visibility: hidden;} .contact_pop_box.active{height: auto; visibility:visible;} .contact_pop{padding:30px 30px 55px;background:url(../images/contact_pop_bg.png) no-repeat center top;background-size:100% 100%;border-radius: 12px; overflow: hidden; } .contact_pop_close{width:30px;top:0;right:0; cursor:pointer;} .contact_map{width:55%;} .contact_desc{padding-left:20px;} .contact_desc .txt{margin-top:20px;padding:25px 35px;background:url(../images/contact_txt_bg.jpg) no-repeat center;background-size:cover;} #allmap{width:100%;height:100%;border:1px solid #ddd;} #allmap img{max-width: none!important;} .BMap_cpyCtrl,.anchorBL { display:none;} /*全国布局*/ .distribution_box{background:#090909 url(../images/dis_bg.jpg) no-repeat right bottom;background-size:100%;} .distribution_con{padding:0 8.6%;max-width:1550px;margin-left:auto;margin-right:auto;} .distribution_map{width:70%;} .distribution_desc{width:25%;/*min-width:400px;*/margin-left:5%;margin-top:10%;} .map_dot:before{display:block;width:8px;height:8px;border-radius:100%;background:#9d807a; z-index:2; cursor:pointer;left:50%;top:50%;margin-left:-4px;margin-top:-4px;content:''; position: absolute; } .map_dot span{position: absolute;display:block;width:106px;height:30px;line-height:30px;color:#fff;padding:0 5px 0 15px;text-align:center;font-size:16px;right:-150px;top:50%;margin-top:-15px;background:url(../images/city_bg.png) no-repeat 0 0; opacity: 0; transform:scale(0.8);visibility:hidden; -webkit-transition:all 0.3s;transition:all 0.3s;} .map_dot{width:30px;height:30px;border-radius:100%;z-index:3;} .map_dot i{display:block;width:30px;height:30px;border-radius:100%;background:rgba(198,161,152,0.2);content:''; position: absolute;z-index:2;-webkit-animation: twinkling 1.5s ease-in-out 0s infinite running;animation: twinkling 1.5s ease-in-out 0s infinite running; opacity: 0; } .map_dot:hover,.map_dot.active{ z-index: 10;} .map_dot:hover:after,.map_dot.active:after{width:60px;height:60px;border-radius:100%;background:rgba(255,255,255,0.8);content:''; position: absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px; z-index:1; -webkit-animation:ripple 1.5s ease-in-out 0s normal none infinite running ;animation:ripple 1.5s ease-in-out 0s normal none infinite running ;opacity: 0; } .map_dot:hover i,.map_dot.active i{ -webkit-animation:ripple 1.5s ease-in-out 0s infinite running;animation:ripple 1.5s ease-in-out 0s infinite running;background:rgba(255,255,255,0.6); } .map_dot:hover span,.map_dot.active span{opacity: 1;transform:scale(1); visibility: visible;right:-120px;} .map_img_block{width:100%;height:100%;left:0;top:0; z-index: 2;} .map_img_block img{ position: absolute;left:0;top:0;opacity: 0;transition:all 0.3s;} .map_img_block img.active{opacity: 1;} @keyframes flash { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes twinkling { 0% { opacity: 0; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } @keyframes ripple { 0% { opacity: 0; transform: scale(0.8); } 5% { opacity: 1; } 100% { opacity: 0; transform: scale(1); } } @keyframes ripple { 0% { opacity: 0; transform: scale(0.1); } 5% { opacity: 1; } 100% { opacity: 0; transform: scale(1); } } /*欧标选材*/ .ban_txt{ left:0;right:0;top:35%; } .standart_box{background:url(../images/net.png) repeat 0 0;} .standart_inbox{background:url(../images/earth.png) no-repeat 0 300px;} .w875{width:87.5%;} .standart_top{padding-bottom:5%;} .standard_img{clear:both;} .standard_img img{width:100%;} .standart_left{width:27%;} .standart_left .line{width:80px;height:0;overflow:hidden;border-top:1px solid #fff;} .standart_right{width:56.56%;} .standart_right .img_small{display:none; position: absolute; width:48%;left:16%; bottom:-13%;} /*七大服务中心*/ .service_box{padding-bottom:45px;background:url(../images/service_bg.jpg) no-repeat center;background-size:cover;} .service_big .swiper-slide .img,.service_big .swiper-slide .service_desc{width:50%;} .service_big .swiper-slide .img{position: relative; z-index: 2;} .service_big .swiper-slide .service_desc{padding:2% 0 2% 4.68%; position: relative;} .service_big .swiper-slide .service_desc .num{font-size:130px;opacity: 0.3; filter: alpha(opacity=30); position: absolute;top:1%;left:34%;font-family:PingFang SC;font-weight: bold;line-height: 1;z-index: 1;} .service_big .swiper-slide .service_desc .f-48{position: relative; z-index: 2;} .service_big .swiper-slide .line{width:16%;height:0;overflow:hidden;border-bottom:1px solid #c6a198; } .service_big .swiper-slide .service_desc .txt{font-size:14px;line-height: 2;} .service_thumbs .swiper-slide a{display: block; position: relative;} .service_thumbs .swiper-slide a h3{width:100%;height:100%; position: absolute;left:0;top:0;background:rgba(0,0,0,0.4); z-index: 2;padding:22% 10px; white-space: nowrap;overflow: hidden; transition:all 0.3s;} .service_swiper .swiper-button-next,.service_swiper .swiper-button-prev{position: absolute;top:50%;margin-top:-30px; opacity: 0.6; display: none;} .service_swiper .swiper-button-next:hover,.service_swiper .swiper-button-prev:hover{opacity: 1;} .service_swiper .swiper-button-prev{left:0;} .service_swiper .swiper-button-next{right:0;margin-right:0;} .service_thumbs .swiper-slide-thumb-active h3{opacity: 0;} /*施工管理*/ .manage_box{padding-bottom:140px;background:#121417 url(../images/manage_bg.jpg) no-repeat right top;background:cover;} .manage_box1 .img{width:52.65%;} .manage_desc1{width:47.35%;padding:0 16% 0 4.68%;} .manage_desc1 .line{width:80px;height:0;overflow:hidden;border-bottom:1px solid #fff;} .manage_box2 img{width:100%;} .manage_desc2{width:100%;left:0;top:50%;transform:translateY(-50%);} .manage_desc2 .line{width:60px;height:0;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.45);} /*品牌主材*/ .brand_content{padding-bottom:80px;background:url(../images/brand_bg.jpg) no-repeat center;background-size:cover; } .brand_logo{width:100%;margin:0 auto; } .brand_logo #myCanvas{width:100%; } .brand_desc{display:flex; align-items: center; justify-content: center; width:265px;height:305px;left:50%;top:50%;margin-left:-132px;margin-top:-152px; z-index: 1;} .brandTab{margin-top:120px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.2);} .brandTab span{display: inline-block;width:100%;height:40px;line-height:40px;text-align:center;padding:0 5px;font-size:16px;color:#fff; cursor: pointer;border-radius: 40px;} .brandTab span:hover,.brandTab .swiper-slide.active span{background-image: linear-gradient(90deg, #662d85, #7f228c);} .brand_logo_box{background:rgba(255,255,255,0.06);padding:20px 35px;} .brand_logo_item{display: none; overflow: hidden;} .brand_logo_item.active{display: block;} .brand_logo_item li{width:20%;height:80px;float:left;margin:15px 0; display: flex; align-items: center; justify-content: center;padding:0 15px;} .brand_logo_item li:nth-child(5n+1){clear:both;} .brand_logo_item li img{max-height: 100%;} /*公司简介*/ .top_menu{height:90px;line-height: 90px;background:#ececec;} .top_menu .crumbs {padding:0;color:#3f365a;} .top_menu .crumbs a,.top_menu .crumbs span{color:#3f365a;} .about_menu {font-size:0;} .about_menu a{display: inline-block;line-height: 90px;padding:0 42px;text-align: center; position: relative;} .about_menu a.active{background:#610e6f;color:#fff;} .about_menu a:after{height:10px;border-left:1px solid #c6a197;content:''; position: absolute;left:0;top:50%;margin-top:-5%;} .about_menu a:first-child:after{display: none;} .about_box{padding:215px 0;background:url(../images/ind3.jpg) no-repeat center;background-size:cover;} .about_tit{width:25%;padding-bottom:5px;padding-right:4.86%;border-right:1px solid #fff;} .about_txt{padding-left:4.86%;color:#e4e4e4;} .about_box .num_box{margin-top:100px;} .about_box .num_box dl{width:17.8%;padding:30px;margin-left:2.75%;border:1px solid rgba(255,255,255,0.3);} .about_box .num_box dl:first-child{margin-left:0;} .about_box .num_box dl dt span{padding-right:15px; font-family: PingFang SC;} .about_box .num_box dl dd{margin-top:15px;letter-spacing: 2px;font-family: inherit;} .culture_box{padding:150px 0 0;background:#ebebf5 url(../images/culture_bg.jpg) no-repeat center bottom;background-size:100%;} .culture_word{width:18.28%;left:0;bottom:0;} .culture_tit .f-48{color:#3f365a; opacity: 0.78;} .slogan_box {width: 100%;margin: 0 auto; } #culture_slogan{width:100%;height: 630px;background: url(../images/circle.png) no-repeat 50% 75px; padding:30px 0; } .cloud9-item { cursor: pointer;} .cloud9-item .slogan_img{-webkit-transform:scale(0.3);transform:scale(0.3); opacity: 0.7; transform-origin: center top} .cloud9-item.current .slogan_img{-webkit-transform:scale(1);transform:scale(1);opacity: 1;} .cloud9-item .slogan_tit{width:130px;height:34px;background:#3f365a;font-size:16px;color:#fff;text-align:center;line-height:34px;margin:0 auto;opacity: 0; position: relative;} .cloud9-item .slogan_tit:after{width:0;height:0;border-right:10px solid transparent; border-left:10px solid transparent;border-top:10px solid #3f365a;content:''; position: absolute;left:50%;bottom:-10px;margin-left:-10px;} .cloud9-item.current .slogan_tit{opacity: 1;} .cloud9-item.current .slogan_img{margin-top:50px;} .history_box{padding:100px 0 160px;background:url(../images/history_bg.jpg) no-repeat center;background-size:cover;} .history_word{width:45.47%;top:16px;right:0;} .history_big:after{width:100%;border-bottom:1px solid #fff;content:''; position: absolute;left:0;top:259px;} .history_big .swiper-slide{cursor: pointer; } .history_big .swiper-slide .history_desc{display: flex; align-items: flex-end;height:210px;} .history_big .swiper-slide .history_txt{padding:20px;line-height:2;margin:0 14%;border:1px solid #c6a197; transition: all 0.3s;max-height:100%;overflow-y:auto;} .history_big .swiper-slide .history_txt::-webkit-scrollbar { width:3px; height: 1px;} .history_big .swiper-slide .history_txt::-webkit-scrollbar-thumb {background:#c6a197;} .history_big .swiper-slide .history_txt::-webkit-scrollbar-track {background:#ededed;} .history_big .swiper-slide dl{margin-top:48px;padding:48px 16% 0; position: relative;} .history_big .swiper-slide dl:before{width:0;height: 8px;background:#c6a197;content:''; position: absolute;left:0;top:1px; transition: all 0.3s;} .history_big .swiper-slide dl dt{position: relative;padding-bottom:15px;} .history_big .swiper-slide dl dt:after{position: absolute;width:30px;border-bottom:1px solid #fff;content:'';left:0;bottom:0;} .history_big .swiper-slide dl dd{margin-top:15px;} .history_big .swiper-slide:hover .history_txt{padding:30px 20px;} .history_big .swiper-slide:hover dl:before{width:100%;} .history_big .swiper-slide:hover dl dt,.history_big .swiper-slide:hover dl dd{color:#c6a197;} .history_big .swiper-slide:hover dl dt:after{border-color:#c6a197;} .history_big .swiper-button-next,.history_big .swiper-button-prev{position: absolute;top:259px;margin-top:0;} .history_big .swiper-button-prev{left:0;} .history_big .swiper-button-next{right:0;margin-right:0;} .honor_box{padding:100px 0 110px;background:url(../images/honor_bg.jpg) no-repeat center;background-size:cover;} .honor_tit .f-48{color: #3f365a; opacity: 0.78;} .honor_swiper{height:500px;padding:110px 0 40px;background:url(../images/honor_bg1.jpg) no-repeat left top;} .honor_swiper .swiper-slide{text-align:center; cursor: pointer;} .honor_swiper .honor_desc{display: flex; justify-content: center; align-items: flex-end;height:210px;} .honor_swiper .honor_txt{width:80%;padding:20px;border:1px solid #c6a197;text-align:center;color:#c6a197;background:rgba(0,0,0,0.4); transition: all 0.3s;} .honor_swiper .honor_year{display: inline-block;padding:15px 35px;border:1px solid rgba(255,255,255,0.3);margin-top:35px;} .honor_swiper .swiper-button-next,.honor_swiper .swiper-button-prev{position: absolute;top:auto;bottom:10px;margin-top:0;} .honor_swiper .swiper-button-prev{left:0;} .honor_swiper .swiper-button-next{right:0;margin-right:0;} .honor_swiper .swiper-slide:hover .honor_txt{width:96%;padding:25px;font-size:16px;} .honor_swiper .swiper-slide:hover .honor_year{background:#c6a197;border-color:#c6a197;} /*工艺标准*/ .tecStandard_top{background:#0f0f0f;} .tecStandard_tab{border-top:1px solid #1d1d1d;} .tecStandard_tab a{display: block;height:50px;line-height: 50px;color:#fff;font-size:16px;text-align:center;padding:0 25px; position: relative;} .tecStandard_tab a:after{width:0;border-bottom:2px solid #fff;content:''; position: absolute; left:0;bottom:0; transition: all 0.3s;} .tecStandard_tab .swiper-slide.active a:after{width:100%;} .tec_txt{bottom:20%;left:29.5%;} .tec_left{width:56.25%;} .tec_right{width:43.75%;} .tec_left>img,.tec_right>img{width:100%;} .tecStandard_item{max-height: 0; overflow: hidden;opacity: 0;} .tecStandard_item.active{max-height: 9999em; opacity: 1;} /*欧标详情*/ .eurStandard_top{background:#0f0f0f;} .eurStandard_tab{border-top:1px solid #1d1d1d;} .eurStandard_tab a{display: block;height:50px;line-height: 50px;color:#fff;font-size:16px;text-align:center;padding:0 20px; position: relative;} .eurStandard_tab a:after{width:0;border-bottom:2px solid #fff;content:''; position: absolute; left:0;bottom:0; transition: all 0.3s;} .eurStandard_tab .swiper-slide.active a:after{width:100%;} .eurStandard_con{padding:85px 0;background:url(../images/standart_bg.jpg) no-repeat center;background-size:cover;} .eurStandard_left{width:32.8%; } .eurStandard_left .eurStandard_desc{font-size:14px;} .eurStandard_mark{margin-top:120px;} .eurStandard_right{width:63.5%; } .standard_img1{width:56.25%; float:left;} .standard_img2{width:43.75%; float:left;} .standard_tit{float:left;width:38%;padding:15px 35px;border:1px dashed #632379;border-left:10px solid #632379;font-size:32px;text-align: center;margin:5% 0 0 5%;} .standard_txt{float:left;width:91%;font-size:14px;} .eurStandard_con .swiper-button-prev,.eurStandard_con .swiper-button-next{position: absolute;top:24%;margin-top:0;margin-right:0;background-color:rgba(0,0,0,0.3);} .eurStandard_con .swiper-button-prev{left:10px;background-image:url(../images/arr_left.png);} .eurStandard_con .swiper-button-next{right:10px;background-image:url(../images/arr_right.png);} .eurStandard_con .swiper-button-prev:hover,.eurStandard_con .swiper-button-next:hover{background-color:rgba(97,14,111,0.6);} .eurStandard_item{max-height: 0; overflow: hidden;opacity: 0;} .eurStandard_item.active{max-height: 9999em; opacity: 1;} /*404*/ .main_box{background:url(../images/pagebg.jpg) no-repeat center;background-size:cover;display:flex; align-items: center;margin-top:90px;padding:210px 0 110px;} .page404{text-align:center; } .page404 p{font-size:18px;color:#7f6d86; font-family: "HelveticaNeue Bold";margin:55px 0 70px;} .page404 .btn404{ display: block;width:327px;height:46px;line-height:46px;color:#fff;text-align:center;font-size: 16px; border-radius: 46px; margin:0 auto;background:url(../images/line3.png) repeat-y 0 0;} #ascrail2000,#ascrail2001,#ascrail2002,#ascrail2003,#ascrail2004{z-index: 220!important;} /* The gallery overlay */ #galleryOverlay, #galleryOverlay1 { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 1000000; background-color: #222; background-color: rgba(0,0,0,0.8); overflow: hidden; display: none; -moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } /* This class will trigger the animation */ #galleryOverlay.visible, #galleryOverlay1.visible { opacity: 1; } #gallerySlider, #gallerySlider1 { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; -moz-transition: left 0.4s ease; -webkit-transition: left 0.4s ease; transition: left 0.4s ease; } #gallerySlider .placeholder, #gallerySlider1 .placeholder { background: url("../images/preloader.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block;padding:20px; } /* The before element moves the * image halfway from the top */ #gallerySlider .placeholder:before, #gallerySlider1 .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #gallerySlider .placeholder img, #gallerySlider1 .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle;} #gallerySlider.rightSpring, #gallerySlider1.rightSpring { -moz-animation: rightSpring 0.3s; -webkit-animation: rightSpring 0.3s; } #gallerySlider.leftSpring, #gallerySlider1.leftSpring { -moz-animation: leftSpring 0.3s; -webkit-animation: leftSpring 0.3s; } #closeOverlay { width: 50px; height: 50px; position: fixed; top: 10px; right: 10px; background: url(../images/closeOverlay.png) no-repeat center center;background-size:100%; z-index: 9999999; cursor: pointer; opacity: 0.8; } /* Firefox Keyframe Animations */ /*搜索结果*/ .searchlist_box{background:#100f12 url(../images/des_bg.jpg) no-repeat center bottom; background-size:100%;} .search_result span{color:#7d2289;} .nofound{clear:both;padding:100px 0;} .nofound .sorry{font-size:16px;color:#e6e5e5;margin-top:20px;} .find_wrap .nofound .sorry{color:#333;} /*网站地图*/ .sitemap_box{padding-bottom:150px;background:url(../images/site_bg.jpg) no-repeat center;background-size:cover;} .sitemap_box .crumbs,.sitemap_box .crumbs a{color:#333;} .sitemap_box .botMenu{display: flex; justify-content: space-between;margin-right:0;} .sitemap_box .botMenu .nav a{width:220px;height:50px;line-height:50px;color:#333;font-size:24px;} .sitemap_box .botMenu .nav a:hover{color:#fff;} .sitemap_box .botMenu dl{float:left;margin-left:30px;margin-right:30px;} .sitemap_box .botMenu dl dt{color:#333;font-size:22px;margin-bottom:1em;} .sitemap_box .botMenu dl dd a{color:#333;font-size:16px;text-align: left;} .sitemap_box .botMenu dl dd a:hover{color:#c6a197;} @-moz-keyframes rightSpring { 0% { margin-left:0px; } 50% { margin-left:-30px; } 100% { margin-left:0px; } } @-moz-keyframes leftSpring { 0% { margin-left:0px; } 50% { margin-left:30px; } 100% { margin-left:0px; } } /* Safari and Chrome Keyframe Animations */ @-webkit-keyframes rightSpring { 0% { margin-left:0px; } 50% { margin-left:-30px; } 100% { margin-left:0px; } } @-webkit-keyframes leftSpring { 0% { margin-left:0px; } 50% { margin-left:30px; } 100% { margin-left:0px; } } /* Arrows */ #prevArrow, #nextArrow, #prevArrow1, #nextArrow1 { border: none; text-decoration: none; background: url('../images/arrows.png') no-repeat; opacity: 0.5; cursor: pointer; position: absolute; width: 43px; height: 58px; top: 50%; margin-top: -29px; -moz-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; display: none; } #prevArrow:hover, #nextArrow:hover, #prevArrow1:hover, #nextArrow1:hover { opacity: 1; } #prevArrow, #prevArrow1 { background-position: left top; left: 40px; } #nextArrow, #nextArrow1 { background-position: right top; right: 40px; } .layout_img .img a{display: flex;height:100%; justify-content: center; align-items: center;} .layout_img .img a,.layout_img .img a:hover{ cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;cursor: url(../images/big.cur);} /*IE11 hack*/ /*关键词推荐链接*/ .recommendLabelBox .recommendTabs{border-bottom:1px solid #c8c8c8;margin-bottom:1em;} .recommendLabelBox .recommendTabs .item{cursor:pointer;float:left;padding:0 1em;line-height:2.8;height:2.8em;border-left:1px solid #c8c8c8;border-top:1px solid #c8c8c8;} .recommendLabelBox .recommendTabs .item:first-child{border-radius:6px 0 0 0;} .recommendLabelBox .recommendTabs .item:last-child{border-right:1px solid #c8c8c8;border-radius:0 6px 0 0;} .recommendLabelBox .recommendLabels .cont{display:none;} .recommendLabelBox .recommendLabels .item{display:inline-block;line-height:2;height:2em;padding:0 1em;margin:0 0.8em 0.8em 0;border:1px solid #c8c8c8;border-radius:4px;} .recommendLabelBox .recommendLabels .item:hover,.recommendLabelBox .recommendLabels .item.on{color:#ffffff;border-color:#610e6f;background:#610e6f;} .recommendLabelBox .recommendTabs .item:hover,.recommendLabelBox .recommendTabs .item.on{background:url(../images/line3.png) repeat-y 0 0;color:#ffffff;} .recommendList1 .item{display:block;margin-bottom:2.45%;} .recommendList1 .item .img{width:23%;margin-right:4%;} .recommendList1 .item .tit{margin-bottom:1em;} .case_list.recommendList2 a .tit{border:none;color:#333333;/*text-align:left;*/} .case_list.recommendList2 a:hover .tit{color:#ffffff;} .c-610{color:#610e6f;} .strategy_content .rec_case1 dl dd a,.strategy_content .sidebar_tit h3,.strategy_content .strategy_sidebar .rec_des dl dd h3 a{color:#333;opacity:1;} @media only screen and (max-width:640px) { .recommendList1 .item{margin-bottom:1em;} .recommendList1 .item .img{width:auto;margin:0 0 1em 0;float:none;} } /*关键词推荐链接*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { } @media only screen and (min-width:1921px) { .footer_pop{background-size:100%;} .manage_desc2 .wrap{width:100%;padding-left:16%;} } @media only screen and (max-width:1900px) { .header .logo{margin-left:70px;} .header .mainMenu .item{padding:0 15px;} .header .hotLine.f-30{font-size:24px;} .header .hotLine img{vertical-align:-0.4em;} .inBaojia_btn a{padding-left:45px;} .desigin_box .swiper-container{padding-left:0;} .desigin_box .des_txt{left:15px;right:15px;} .desigin_box .des_txt .f-24 {font-size:18px;} .desigin_box .des_txt .f-16 {font-size:14px;} } @media only screen and (max-width:1660px) { .header .logo{width:200px;margin-top:27px;} .allSite{padding:0 0.5em;} .allSite .select_0 dd{padding:20px;left:-22px;} .allSite .select_0 dt,.allSite .select_0 dd a{font-size:13px;} .allSite .select_0 dd a{padding-left:8px;} .header .mainMenu .item{padding:0 12px;} .header .mainMenu .item a{font-size:15px;} .header .hotLine{width:210px;padding:10px 20px;} .header .hotLine img{width:30px;} .header .hotLine.f-30{font-size:20px;} .sidebar_form{padding:25px 30px;} .botMenu .nav a{width:130px;} .botMenu dl{margin-left:50px;} .contact_label{width:43%;} .contact_label dl{padding:0 30px;} .standard_tit{font-size:22px;padding:15px;} } @media only screen and (max-width:1440px) { .box2{width: 1280px;} .header .logo{margin-left:30px;} .header .mainMenu .item{padding:0 10px;} .header .mainMenu .item a{font-size:14px;} .header .hotLine{width:200px;padding:10px 12px;} .header .hotLine .hot_face {margin-top:3px;} .header .hotLine .hot_face .hot_tel{font-size:16px;} .search_tabs span{font-size:16px;padding:0 25px;} .start_box{bottom:30px;} .allCity{height:50px;} .allCity dt,.allCity dd a{padding:0 30px;} .allCity dt:after{right:50px;} .allCity dt,.allCity dd a,.siteweb{height:50px; line-height: 50px;} .allCity dd{top:50px;height:140px;} .inFind_box .allCity dd{height:250px;} .copyright.mt60{margin-top:30px;} .desigin_box .des_txt h4 em{padding:0 5px;} .inForm_box dl{padding:0 20px;} .inForm_box dl dt{width:95px;flex:0 0 95px;} .inForm_box dl dd .allCity dt:after{background-size:10px;} .inForm_box dl.city_select_bj dt,.inForm_box dl.city_select_b dt{width:74px;flex:0 0 74px;} .inForm_box dl dd input,.inForm_box dl dd .allCity dt,.inForm_box dl dt,.inForm_box dl dd .allCity dd a{font-size:13px;} .inForm_box dl img{width:16px;margin-right:4px;} .inChildSite .swiper-container{padding:0 20px;} .inChildSite .site_name{width:120px;height:120px;padding:20px;margin-left:-60px;margin-top:-60px;} .inChildSite .site_name span{line-height: 80px;font-size:14px;} .desigin_box{width:70%;} .design_style{width:25%;} .swiper-button-next, .swiper-button-prev{width:40px;height:40px; background-size:8px 13px; margin-top:20px; } .service_swiper .swiper-button-next,.service_swiper .swiper-button-prev{margin-top:-20px;} .inDesginer{padding:100px 0 200px;} .desiginer_roll li{width:110px;} .inDesRight .allCity dt,.inDesRight .allCity dd a{padding:0 30px;font-size:14px;} .inDesRight .allCity dt:after{right:30px;} .inCaseTit h3{letter-spacing: 2px;} .inDesTab .tabs a,.inCaseTab .tabs a{font-size:14px;padding:0 6px;margin-right:10px;min-width:120px;} .tech_box{width:80%;} .inGroup_box{padding:120px 0;} .hot_news a{padding:18.6px 20px;} .num_box dl{margin-bottom:40px;} .find_list_box dl dd{padding:20px;} .find_style{padding:25px;} .inDesTit span{padding:0 20px;} .case_imgs .swiper-button-prev, .case_imgs .swiper-button-next{width:40px;height:50px;margin-top:-25px;} .case_imgs .case_desc{padding:25px 30px;} .case_style{padding:15px 50px; flex: 0 0 15%;} .case_style .swiper-slide a{padding:5px;} .case_style .case_prev{left:12px;} .case_style .case_next{right:12px; } .desigin_list .des_txt h3, .desigin_list .des_txt h4{padding-left:20px;padding-right:20px;} .show_big .swiper-button-prev,.show_big .swiper-button-next{margin-top:-20px;} .des_info_right{margin-top:57px;} .desigin_list .des_txt{bottom:-42px;} .desigin_list .lookmore{height:42px;line-height: 42px;} .crumbs,.case_screen dl dd .more_city{font-size:14px;} .case_column dl dd h3 span{padding-right:10px;} .case_screen dl dt,.case_screen dl dd a{padding-right:15px;font-size:14px;} .case_screen dl dd .more_city:after{top:7px;} /*.case_sidebar{width:400px;flex:0 0 400px;}*/ .case_con{width:70%;} .case_sidebar{width:30%;} .inBaojia_btn a{padding-left:30px;} .inBaojia_btn a h4{padding-right:40px;} .botLogo{width:220px;} .page404{padding:20px 0;} .desiginer_desc{width:90%;} .footer_pop_tel{width:420px;padding-left: 60px; background-size: 50px;margin-top:3px;} .footer_pop_tel h3 span{font-size:22px;} .footer_pop_form{margin-left:420px;} .footer_pop_form .inForm_box dl{padding:12px 20px;} .calculate .number img{vertical-align: middle;} .form-hint,.form-hint-bg{height:40px;} .form-hint-text{height:40px;line-height:40px;font-size:14px;} .manage_desc1{padding-right:5%;} .service_big .swiper-slide .service_desc .num{font-size:100px;left:30%;} .culture_box{padding-top:90px;} .history_big .swiper-slide .history_txt{margin-left:8%;margin-right:8%;} .contact_pop { padding: 15px 20px 40px;} .contact_pop .f-32{font-size:28px;} .contact_desc .txt{padding:20px;} .about_box{padding:110px 0;} .main_box{padding:50px 0;} .contact_label dl{padding:0 20px;} .contact_label dl dt{margin-right:5px;} .about_box .num_box dl{padding:20px 15px;} .footer .hotLine .com_addr{font-size:14px;} .footer .hotLine a{font-size:30px; vertical-align: -5px;} .pop_con.mt40{margin-top:25px;} .sidebar_form{padding:25px;} .strategy_guide dl{margin-bottom:20px;} .brandTab{margin-top:60px;} } @media only screen and (max-width:1350px) { .header .logo{width:180px;} .header .mainMenu .item{padding:0 10px;} .header .searchBtn{width:80px;} } @media only screen and (max-width:1280px) { .box2,.wrap{width: 1100px;} .wrap2{width:1160px;} .start_box{width:500px;margin-left:-250px;} .find_list a .tit{height:50px;line-height:50px;} .find_list_box dl dd{padding:15px;} .find_inquiry .allCity dt, .find_inquiry .allCity dd a{height:50px;line-height:50px;} .find_inquiry .allCity dd{top:50px;} .find_search_input{height:50px;padding:15px;} .find_search .btn_search{height:50px;} .contact_bar{height:146px;padding:40px 0;} .contact_bar dl{padding-top:0;padding-bottom:0;} .botMenu .nav a{width:120px;} .botMenu dl,.footer .weChat{margin-left:30px;} .desiginer_desc{width:85%;} /*.des_info_left{width:780px;} .des_info_right,.strategy_sidebar,.strategy_con_right{width:300px;}*/ .des_info_box{padding-bottom:80px;} /*.strategy_left{width:790px;} .strategy_con_left{width:765px;}*/ .inDesTit span{padding:0 10px;} .inChildSite .site_name{width:100px;height:100px;padding:10px;margin-left:-50px;margin-top:-50px;} .allCity dt, .allCity dd a,.inFind_box .allCity dt,.inFind_box .allCity dd a,.inDesRight .allCity dt,.inDesRight .allCity dd a{padding:0 20px;} .allCity dt:after,.inFind_box .allCity dt:after,.inDesRight .allCity dt:after{right:20px;} .inFind_box .allCity{width:400px;margin-left:-200px;} .inDesRight .allCity{width:300px;} .inDesginer{padding:60px 0 160px;} .inCase_box{padding:40px 0;} .inDesTit h4{padding-bottom:25px;} .inDesTab .tabs a, .inCaseTab .tabs a{min-width: 100px;padding:0 8px;margin-right:8px;} .inCase_item a .case_txt{left:15px;right:15px;} .inBaojia_form{padding-left:30px!important;padding-right:30px!important;} .process_box dl{padding:0 30px 0 45px;} .inNews_box{padding:80px 0;} .hot_news a{padding:22px 20px;} .distribution_con{padding:0 5%;} .distribution_desc{ min-width:auto;} .footer_pop_tel{width:350px;} .footer_pop_form{margin-left:350px;} .pop_house{width:150px;right:20px;} .pop_word{width:400px;} .service_big .swiper-slide .service_desc .num{font-size:80px;top:0;left:45%;} .brand_desc{width:200px;height:230px;margin-left:-100px;margin-top:-115px;} .tecStandard_tab a{padding:0 15px;} .slogan_box{width:90%;} #culture_slogan{background-size: 53% 104%;height:550px; } .cloud9-item.current .slogan_img{transform:scale(0.8);} .contact_pop_box{width:600px;margin-left:-300px;} .eurStandard_mark{margin-top:80px;} .strategy_guide dl dt{height:60px;line-height: 60px;padding:0 20px;} .strategy_guide dl dd{padding:20px;} .strategy_guide dl dd .desc{padding-left:20px;} .plr24{padding:0;} .allSite .select_0 dd{top:32px;} .allSite{margin-top:18px;} } @media (min-width: 1200px) and (max-width:1279px){ .header .hotLine{width:200px;} .header .searchBtn{width:60px;} .header .mainMenu .item{padding:0 8px;} } @media (min-width: 1099px) and (max-width:1199px){ .header .hotLine{width:160px;padding:0 12px;} .header .searchBtn{width:60px;} .header .mainMenu .item{padding:0 5px;} .header .hotLine img{width:24px;} .header .hotLine.f-30{font-size:16px;} .searchTab{width:52.8%;} } @media (max-width: 1100px) { .box2,.wrap,.wrap2{max-width: 100%;padding-left:12px;padding-right:12px;} .banner, .inbanner, .mat90,.main_box{margin-top:50px;} .header{height:50px;} .header .logo{width:150px;margin-top:12px;margin-left:12px;} .header .hotLine{width:180px;line-height: 50px;} .header .hotLine .hot_tit{display: none;} .header .hotLine .hot_face{margin-top:5px;} .header .searchBtn{width:50px;height:50px;} .header .hotLine{height:50px;padding:0 15px;margin-right:50px;} .header .hotLine img{width:30px;} .header .hotLine .hot_face{top:10px;} .header .hotLine .hot_face .hot_tel{font-size:14px;background-size:24px;padding-left:30px;} .search_box{top:50px;} .searchTab{padding-left:5%;} .search_tabs span{padding:0 15px;font-size:14px;} .allSite .select_0 dd{top:33px;} .page_box a,.page_box span{font-size:14px;margin:0 5px 5px;} .allSite{margin-top:18px;} .header .mobileMenu{position:fixed;width:24px;height:19px;transition: 0.5s all;right:1em;top:15px;z-index:9999999;} .header .mobileMenu:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid #fff;border-bottom:2px solid #fff;transition:0.2s all;-webkit-transition:0.2s all;} .header .mobileMenu:after {content:'';position:absolute;top:8px;right:0;left:0;height:2px;overflow:hidden;background:#fff;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;} .mobileMask{display:none;transition:0.2s all;-webkit-transition:0.2s all;position:fixed;z-index:999998;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)} .header .mainMenu{position:fixed;right:-100%;width:300px;background:#fff;top:0;bottom:0;padding:3em 0 1em;overflow-y:auto;z-index:999999;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;} .header.open .mobileMenu::before {-webkit-transform: rotate3d(0, 0, 1, 45deg) translate(-2px,3px);transform: rotate3d(0, 0, 1, 45deg) translate(-2px,3px);border-bottom: 0;top:7px;left:1px;right:1px;border-color:#000;} .header.open .mobileMenu::after {-webkit-transform: rotate3d(0, 0, 1, -45deg) translate(-2px,2px);transform: rotate3d(0, 0, 1, -45deg) translate(-2px,2px);top: 6px;left:1px;right:1px; background:#000;} .header.open .mobileMask{display:block;} .header.open .mainMenu{right:0;} .header .mainMenu .item{float:none;} .header .mainMenu .item.hasmenu{background:url(../images/arrow.png) 94% 18px no-repeat;} .header .mainMenu .item > a{line-height:3;font-weight:normal;} .header .mainMenu .item.hasmenu.on,.header .mainMenu .item.hasmenu:hover{background:#c6a197 url(../images/arrow1.png) 94% 18px no-repeat;} .header .mainMenu .item:hover .subMenu{display:none;} .header .mainMenu .subMenu{position:static;background:none; transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-moz-transform:translateX(0);transition:0s all ease;-webkit-transition:0s all ease;} .header .mainMenu .subMenu a{text-align:left; color:#333;} .header .mainMenu .item > a{color:#333;} .header .mainMenu .item:hover a, .header .mainMenu .item.cr a{color:#fff;} .footer .hotLineBox{width:210px;} .botMenu .nav a{width:115px;} .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;} .banner .swiper-pagination-bullet{width:10px;height:10px;} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;} .inBaojia_box{height:auto;} .inBaojia_form{width:100%;float:none;padding:30px;} .inBaojia_btn{padding:20px;text-align:center;} .inBaojia_btn a{padding:0;} .inCaseTit{float:none;text-align:center;} .inCaseTab{text-align:center;} .inCase_item a .case_txt span, .inCase_item a .case_txt em{padding:0 3px;} .inGroup_box{padding:50px 0;} .group_year h3{letter-spacing: 0;} .num_box dl{margin-bottom:20px;} .tech_class a{height:40px;line-height:40px;} .inProcess_box{height:auto;padding:20px 0 30px} .inProcess_box .tit{float:none;text-align:center;margin-bottom:20px;} .process_box{text-align:center;} .inNews_box{padding:50px 0;} .hot_news a{padding:19px 20px;} .hot_news .ellipsis-2{-webkit-line-clamp:1;height:1.5em;} .find_style{padding:15px;} .crumbs{font-size:14px;} .case_screen dl,.case_screen dl dt,.case_screen dl dd a{font-size:14px;} .case_screen dl dt,.case_screen dl dd{padding:10px;} .case_screen dl dd a{padding-right:15px;} .case_screen dl dd .more_city{top:10px;right:15px;} .case_screen dl dd .more_city:after{top:7px;} .case_list a .tit{height:50px;line-height:50px;} .case_list a{margin-bottom:20px;} .desiginer_desc{width:93%;} .des_desc .des_detail{margin-top:0;} .des_desc{padding-right:60px;} .strategy_menu{text-align:center;} .strategy_menu a{margin:0 20px;} .footer_pop{bottom:-180px;} .footer_pop_tel{padding-left:55px;background-size:40px;background-position: 0 50%;} .footer_pop_tel h3 span{font-size:18px;} .footer_pop_form{margin-left:280px;} .pop_word{width:320px;} .arrow_up,.arrow_down{width:50px;} .footer_pop_top{height:70px;padding-top:17px;} .footer_pop_form .inForm_box dl{height:50px;padding:8px 12px;} .footer_pop_btn{height:120px;padding:32px 0 0 35px;} .footer_pop_form{height:180px;} .contact_label dl dt{width:35px;} #closeOverlay{width:40px;height:40px;top:6px;right:6px;} .service_big .swiper-slide .service_desc{padding:0 12px 0 20px;} .eurStandard_con{padding:40px 0;} .eurStandard_mark{margin-top:20px;} .contact_pop_box{width:70%;margin-left:-35%;} .contact_pop_con{margin-top:40px;} .contact_desc .txt{padding:15px;} .culture_box{padding-top:50px;} .history_box{padding:50px 0 ;} .history_big .swiper-slide:hover .history_txt{padding:20px;} .honor_box{padding:50px 0;} .history_big .swiper-slide .history_txt{padding:12px;margin-left:5%;margin-right:5%; } .honor_swiper .honor_txt{padding:12px;} .honor_swiper .swiper-slide:hover .honor_txt{padding:25px;font-size:18px;} .history_big .swiper-slide .history_desc{height:180px;} .top_menu{height:60px;line-height: 60px;} .about_menu a{line-height: 60px;padding:0 10px;} .search_box{padding:20px 0;} .search_keywords{width:50%;} .footer .hotLine a{font-size:20px;} .standart_left{width:36%;} .w875 {width:95.5%;} .sitemap_box .botMenu dl{margin:0 20px;} .sitemap_box .botMenu .nav a{font-size:20px;width:180px;} .sitemap_box .botMenu dl dt{font-size:20px;} } @media (max-width: 1000px) { .find_inquiry{position: static;width:100%;height:110px;padding:30px 0;background:#111;} .find_inquiry .allCity dt, .find_inquiry .allCity dd a{padding:0 12px;} .find_inquiry .allCity dt:after{right:12px;} .botMenu{margin-right:40px;display:none;} .footer .hotLineBox{width:57%;} .botMenu dl{display: none;} .copyRight .box2>div{float:none; text-align:center;} .footer .copyRight{line-height: 1.5;} .otherNav{margin-bottom:10px;} .footer .top{padding:30px 0;} .desigin_list .des_txt h3 span,.desigin_list .des_txt h4{font-size:12px;padding-left: 12px; padding-right: 12px;} .case_content,.find_content,.find_con{display: block!important;} .case_con,.strategy_left,.strategy_con_left{display: block;width:100%;float:none;} .case_con,.find_layout{padding-right:0;} .case_sidebar{position: static;} .case_sidebar, .find_sidebar,.find_layout,.des_info_left,.des_info_right, .strategy_sidebar, .strategy_con_right{display: block!important;width:100%;float:none;padding-top:30px;} .case_sidebar, .find_sidebar{padding-left:12px;padding-right:12px;} .case_style .swiper-slide a{padding:8px;} .find_layout .crumbs{margin-left:0!important;padding-left:12px;padding-right:12px;} .find_layout {padding:0;} .rec_des dl{width:33.33%;margin-left:0;} .sidebar_tit h3{font-size:20px;} .rec_case1 dl{float:left;width:47.5%;margin:10px 0 10px 5%;} .strategy_list dl{margin-left:1.65%;margin-right:1.65%;} .con_banner{height:300px;} .con_banner>img{max-width: none; width:auto;height:100%; position: relative; left:50%;transform:translateX(-50%);} .contact_label{width:40%;} .contact_label dl{width:100%;padding:0;background:none;margin-bottom:20px;} .contact_bar dl dt{width:35px;} .distribution_map{ width:100%; float:none;margin:0 auto;} .map_dot span{width:70px;font-size:12px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .map_dot:hover span, .map_dot.active span{right:-80px;} .map_dot:before{width:6px;height:6px;margin-top:-3px;margin-left:-3px;} .distribution_desc{width:100%;float:none;margin-top:50px;margin-left:0;} .inDesginer{padding:40px 0 160px;} .inDesTit{float:none;text-align:center;} .inDesTit h4{float:none;text-align:center;background-position: center bottom;} .inDesRight{width:100%;float:none;} .inDesRight .allCity,.inDesTab{float:none;margin:20px auto 0;} .inDesTab{text-align:center;} .inDesTab .tabs a, .inCaseTab .tabs a{font-size:12px;margin-right:4px;} .inCaseTab .tabs a{height:32px;line-height:30px;min-width:90px;} .desigin_box{width:100%;float:none;} .design_style{width:100%;float:none;overflow: hidden;padding:20px;} .design_swiper{width:50%;float:left;} .style_box{width:48%;float:right;} .desigin_box .swiper-container>.tr{text-align:center;} .inStanard_desc {bottom:50px;} .inStanard_desc .txt{height:3em; line-height: 1.5; overflow: hidden;} .float_box{width:60px;} .float_box a{width:60px;height:60px;padding:5px;} .float_box a img{width:24px;height:24px;margin-top:3px;margin-bottom:3px;} .btn_more{width:160px;height:50px;line-height:50px;} .strategy_sidebar .rec_des dl, .strategy_con_right .rec_des dl{width:25%;} .desigin_box .des_txt .f-16{font-size:12px;} .inBaojia_form{padding:22px 15px;} .inForm_box{height:auto;background:none;} .inBaojia_form .inForm_box dl{width:48.5%;height:40px; margin-bottom:3%;margin-left:3%;border:none;background:#fff;padding:2px 12px;} .inBaojia_form .inForm_box dl:nth-child(2n+1){clear:both;margin-left:0;} .inForm_box dl dd .allCity dt{margin-top:3px;} .inForm_box dl dt{float:none;} .inForm_box dl img{width:16px;} .tech_box div.f-16{font-size:12px;line-height: 1.5;} .tech_class a{height:30px; line-height:30px;font-size:12px; } .tech_box .more{margin-top:0;} .process_box dl{width:16.66%; float:left;padding:0 0 0 15px; background-position: 0 22px; background-size:10px;} .process_box dl dt{width:60px;height:60px;padding:12px;} .inNews_con .f-24{font-size:14px;} .hot_news a{padding:12.5px 12px;} .hits{background-size:20px!important;padding-left:25px!important;} .inGroupTxt{padding-left:60px;margin-top:0;} .inCaseTab .more{display: block;text-align:center;margin-top:10px;} .desiginer_roll li{width:110px;} .footer_pop_form{margin-left:0;} .pop_word{width:260px;margin-right:20px;} .pop_house{width:80px;right:0;} .arrow_up, .arrow_down{width:30px;} .footer_pop_tel{padding-left:40px;background-size:30px;} .calculate .number img{margin:10px 0 5px;} .honor_swiper{height:325px;background-size:auto 110%;background-position: -25px -28px;} .honor_swiper .honor_year{padding:8px 20px;margin-top:20px;} .honor_swiper .honor_desc{height:100px;} .honor_swiper .swiper-slide .honor_txt{width:80%;} .honor_swiper .swiper-slide:hover .honor_txt{width:80%;padding:20px 12px;font-size:14px;} #culture_slogan{height:350px;background-position: 50% 65px;background-size:53% 87%;} .cloud9-item .slogan_img{transform:scale(0.2);} .cloud9-item.current .slogan_img{margin-top:15px; transform:scale(0.6);} .about_tit{width:100%;float:none;padding-right:0;border-right:none;} .about_txt{padding-left:0;margin-top:20px;} .about_box{padding:50px 0;} .about_box .num_box{margin-top:50px;} .about_box .num_box dl{padding:12px;} .about_box .num_box dl dt span{padding-right:5px;font-size:26px;} .about_box .num_box dl dd{margin-top:10px;letter-spacing:0;} .search_keywords{width:100%;float:none;} .searchTab{width:100%;float:none;padding-left:0;border-left:none;} .eurStandard_tab a{padding:0 10px;} .standard_txt{width:100%;} .eurStandard_left{width:40%;} .eurStandard_right{width:55%;} .manage_box{padding-bottom:50px;} .manage_box1 {margin-top:20px;} .manage_box1 .img{width:100%;float:none;} .manage_desc1{width:100%;float:none;padding:0 12px;margin-top:20px;} .standart_top{padding-left:12px;padding-right:12px;} .standart_left{width:100%;float:none;} .standart_right{width:100%;float:none;margin-top:30px;} .sitemap_box{padding-bottom:50px;} .sitemap_box .botMenu dl{display: block;} .strategy_guide{padding-right:0;} } @media (max-width: 640px) { .header .hotLine{display: none;} .header .searchBtn{margin-right:50px;} .des_name{float:none;} .des_desc{margin-top:0;} .des_desc .des_detail{padding-left:0;margin-top:20px;} .desigin_list a{width:49%;} .desigin_list a:nth-child(2n+1){margin-left:0;clear:both;} .case_column dl{padding:20px 0;} .contact_bar{height:auto;padding:15px 0;} .contact_bar dl{width:100%;float:none;padding:0;border-left:none;margin:8px 0;} .contact_bar dl dt{width:30px;margin-right:15px;} .contact_con{padding:30px 0;} .contact_con dl{width:49%;margin:0 0 2% 2%;} .contact_con dl:nth-child(3n+1){clear:none;margin-left:2%;} .contact_con dl:nth-child(2n+1){clear:both;margin-left:0;} .page404 .img img{width:70%;} .page404 p{font-size:36px;} .contact_pop_box{width:90%;margin-left:-45%;} .contact_pop .f-32{font-size:22px;} .contact_pop{padding:15px 15px 30px; } .contact_map{width:100%;float:none;} #allmap{height:120px;} .contact_desc{padding-left:0;margin-top:20px; overflow: hidden;} .contact_desc .img{width:35%;float:left;margin-right:10px;} .contact_desc .txt{overflow: hidden;margin-top:0;} .contact_pop_con{margin-top:20px;} .contact_pop .f-32{font-size:18px;} .contact_desc .txt{padding:12px;} .contact_desc .txt .mt10{margin-top:2px;font-size:12px;} .service_big .swiper-slide .img{width:100%;float:none;} .service_big .swiper-slide .service_desc{width:100%;float:none;padding:20px 12px;} .service_big .swiper-slide .line{width:30px;margin-left:0;} .service_big .swiper-slide .service_desc .num{left:auto;right:10px;} .manage_desc2 .f-40{font-size:16px;} .manage_desc2 .mt80{margin-top:20px;font-size:14px;margin-top:10px;} .manage_desc2 .line{margin-top:10px;} .manage_desc2 .mt25{margin-top:0;font-size:14px;} .contact_label{position: static;background:#000;width:100%;padding:20px;} .contact_label dl{width:100%;padding:0;background:none;margin-bottom:20px;} .con_banner{height:auto;} .con_banner>img{max-width: none; width:auto;height:300px; position: relative; left:0;transform:translateX(0);} .about_box .num_box dl{width:50%;margin:0 auto 40px!important;text-align: left;padding:0 0 0 10%;border:none;} .about_box .num_box dl dt span{font-size:32px;} .find_inquiry{height:160px;} .find_inquiry .allCity{width:48%;margin:0 1% 10px;} .find_search{clear:both;width:100%;padding:0 1%;} .inban_txt{top:9%;} .inban_txt .f-58{font-size:24px;} .find_list_box dl{width:100%;float:none!important;margin-left:0;margin-bottom:20px;} .find_list a{width:49%;} .find_list a:nth-child(3n+1){clear:none;margin-left:2.45%;} .find_list a:nth-child(2n+1){clear:both;margin-left:0;} .case_screen dl{display: block;border:none;border-top:1px solid #4c4955;padding:12px 0;} .case_screen dl:first-child{border-top:none;} .case_screen dl dt{display: block;width:100%;background:none;text-align:left;font-size:16px;padding:0;} .case_screen dl dd{display:block;padding:0;margin-top:10px;} .case_search{padding:12px 15px;} .case_sort{margin-right:12px;font-size:14px;} .case_sousuo{width:60%;} .case_sousuo .btn_sousuo{font-size:12px;} .case_list a{width:100%;float:none;margin-left:0!important;} .case_imgs .case_desc{padding:15px 12px;} .case_imgs .case_desc .txt{margin-top:5px;} .case_style .swiper-slide a{padding:2px;} .case_imgs .swiper-button-prev, .case_imgs .swiper-button-next{top:32%;} .case_imgs .case_desc{padding:15px 12px; position: relative;background:#000;} .case_screen dl dd .more_city{display: none!important;} .case_screen dl dd .des_city{padding-right:0;height:auto;} .start_box{ width: 90%; margin-left: -45%;} .copyright.mt60{margin-top:20px;} .sitemap_box .botMenu{display: block;} .sitemap_box .botMenu .nav{float:none;text-align: center;} .sitemap_box .botMenu .nav a{display: inline-block;width:46%;margin:0 1% 2%;} .sitemap_box .botMenu dl{margin:20px 0 0;width:25%;} .brand_logo_box{padding:10px 20px;} .brand_logo_item li{width:25%;} .brand_logo_item li:nth-child(5n+1){clear:none;float:left;} .brand_logo_item li:nth-child(4n+1){clear:both;} } @media (max-width: 500px) { .header .logo{width:130px;} .allSite{width:6em;} .allSite .select_0 dt, .allSite .select_0 dd a{font-size:12px;} .search_keywords dl dt{width:100px;height:30px;line-height:30px;font-size:14px;} .search_keywords dl{margin-bottom:15px;} .inBaojia_form{padding:20px 12px!important;} .case_column dl{width:100%;margin-left:0;float:none;margin-bottom:0;} .pop_box {width:320px;margin-left:-160px;padding:50px 20px 30px;} .pop_con{padding:0;} .pop_con dl dt,.pop_con dl dd input{font-size:14px!important;padding:10px;} .pop_con dl dd,.pop_con dl dd dl dt{width:200px;} .pop_con dl dd dl dt{padding:10px;} .pop_con dl dd .allCity dt:after{right:10px;} .pop_btn{margin-top:20px;} .des_info_box{padding-top:30px;padding-bottom:30px;} .tec_txt{left:8%;bottom:8%;} .tec_txt .f-14{font-size:12px;} .con_banner>img{height:220px;} .contact_con dl{width:100%;float:none!important;margin-left:0!important;} .history_big .swiper-slide .history_desc{height:120px;} .history_big .swiper-slide dl{padding:15px 12px 0;} .history_big .swiper-slide dl dt,.history_big .swiper-slide dl dd{text-align: center;} .history_big .swiper-slide dl dt:after{left:50%;margin-left:-15px;} .history_big .swiper-button-next, .history_big .swiper-button-prev,.history_big:after{top:169px;} .strategy_sidebar .rec_des dl,.strategy_con_right .rec_des dl{width:50%; } #culture_slogan{background-position: 50% 50px;background-size: 53% 100%;} .cloud9-item.current .slogan_img{transform: scale(0.8);} .cloud9-item .slogan_tit{font-size:12px;width:100px;} .top_menu .crumbs{display: none;} .top_menu .box2{padding:0;} .about_menu{width:100%;float:none; overflow: hidden;} .about_menu a{float:left;width:25%;} .service_thumbs .swiper-button-next, .service_thumbs .swiper-button-prev{display: block;} .brand_desc{width:120px;height:138px; margin-left: -60px; margin-top: -69px;} .brand_desc .brand_tit .f-48{font-size:20px;} .brand_desc .brand_tit .f-14{font-size:12px;} .brand_logo{width:120%;margin-left:-10%;} .eurStandard_left{width:100%;float:none;margin-left:0;padding:0 12px;} .eurStandard_right{width:100%;float:none;padding:0 12px;margin-top:20px;} .standard_tit{font-size:12px;padding:12px;} .strategy_list dl,.rec_case1 dl{width:100%;float:none!important;margin:0 0 20px;} .plr24{padding:0;} .footer .top{padding-bottom:0;} .footer .hotLineBox{width:100%;float:none;text-align: center;} .footer .hotLine{margin-top:220px; } .footer .hotLine,.footer .hotLine>div{display: inline-block;} .footer .hotLine .f1{padding-left:3.8em;} .footer .hotLine .com_addr{display: none;} .footer .weChat{float:none;margin-left:0;margin-top:-240px;} .footer .copyRight{background:none;margin-top:100px;} .otherNav{display: none;} .find_list a{width:100%;float:none!important;margin-left:0!important;margin-bottom:20px;} .desiginer_desc{width:100%;} .des_desc{margin-top:30px;padding-right:0;} .sitemap_box .botMenu .nav a{font-size:18px;height:40px;line-height: 40px;} .sitemap_box .botMenu dl{width:100%;float:none;} .sitemap_box .botMenu dl dt{margin-bottom:10px;} .sitemap_box .botMenu dl dd{display: inline-block;margin-right:10px;margin-bottom:5px;} .sitemap_box .botMenu dl dd a{line-height:normal;} } @media (max-width: 414px) { .con_banner>img{height:200px;} }